如何在不进入JavaScript库的情况下使用Google Chrome开发者工具逐行调试我的JavaScript代码?
例如,我在我的网站上大量使用jQuery,我只想调试我编写的jQuery代码,而不是jQuery库中的JavaScript/jQuery代码。我该如何仅逐行调试自己的jQuery/JavaScript,而不必逐行查看jQuery库中数百万行的代码?
所以如果我有以下内容:
function getTabFrame() {
$.ajax({
url: 'get_tab_frame.aspx?rand=' + Math.random(),
type: 'GET',
dataType: 'json',
error: function(xhr, status, error) {
//alert('Error: ' + status + '\nError Text: ' + error + '\nResponse Text: ' + xhr.responseText);
},
success: function(data) {
$.each(data, function(index, item) {
// do something here
});
}
});
}
如果我在$.ajax({
处设置断点,然后开始调试,程序会停在这里。接着我按 F11 键,它就直接进入了 jQuery 库,但我希望它能跳转到下一行,即 url: 'get_tab_frame.aspx?rand=' + Math.random(),
。
我尝试按 F10 键,但那样会直接跳转到函数的结束符}
。而按 F5 键只是逐个跳过每个断点而不逐行进行。
debugger
,当 Chrome 执行到该处时,它会跳转到一个暂停的调试控制台,你可以在其中检查内存中的对象。同时,在开发工具菜单中也会出现一个调试器窗口。 - geotheory