在单页面应用程序中调试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');
});