使用Google Chrome逐行调试JavaScript

14 浏览
0 Comments

使用Google Chrome逐行调试JavaScript

在使用Google Chrome开发者工具时，如何逐行浏览我的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
            });
        }
    });
}

如果我在$.ajax({处设置断点，开始调试后，它会停在那里，如果我按F11，它会直接进入jQuery库。我不希望这种情况发生，我希望它继续执行下一行代码，即url: 'get_tab_frame.aspx?rand=' + Math.random(),。

我尝试过按F10，但它会直接跳到函数的结束}处。按F5只会跳到下一个断点，而不是逐行浏览每一行代码。

0