在單頁應用程序中調試JavaScript

Question

在單頁應用程序中，我使用jquery加載了另一個HTML頁面。

$('#lodger').click(function () {
    $('#main').load('lodger.html');
});

在我的頁面lodger.html中，我直接在頁面中有一些javascript。

有沒有一種調試方法？ 我還沒有找到使用Chrome瀏覽器的方法

Answer 1

chrome網站說明了如何很好地調試：

https://developer.chrome.com/devtools/docs/javascript-debugging

我將避免使用debugger; 。 遲早您會不小心將這段代碼留在腳本中，並且它將開始為已打開開發工具的用戶暫停您的網站。 可能會很尷尬。

Answer 2

您可以使用debugger; 內聯代碼中的符號，打開DevTools會自動打斷這些斷點：

$('#lodger').click(function () {
    debugger;
    $('#main').load('lodger.html');
});