Javascript使用谷歌浏览器逐行调试

Question

Javascript使用谷歌浏览器逐行调试

osh*_*nen 43 javascript debugging jquery google-chrome google-chrome-devtools

如何使用Google Chromes开发人员工具逐行浏览我的javascript代码,而无需进入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
            });
        }
    });
}

Run Code Online (Sandbox Code Playgroud)

如果我将断点放在$.ajax({,如果我开始调试它停止的地方,如果我然后按F11,它会直接进入jQuery库.我不希望这种情况发生,我希望它转到下一行url: 'get_tab_frame.aspx?rand=' + Math.random(),.

我尝试过按F10,但这直接关闭}了功能.F5只是进入下一个断点,而不是一个接一个地走过每一行.