用Google Chrome逐行调试Javascript

Question

如何使用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
            });
        }
    });
}

Answer 1

假设您在Windows计算机上运行...

1. 按F12键
2. 在开发人员工具
中选择 脚本或 源代码选项卡
3. 单击顶层的小文件夹图标
4. 选择JavaScript文件
5. 通过单击左侧的行号添加断点（添加一个蓝色标记）
6. 执行JavaScript

然后在执行调试期间，您可以做一些步进动作······

null

看完你更新的帖子；为了调试代码，我建议临时使用jQuery开发源代码。虽然这并不能直接解决您的问题，但它将允许您更容易地进行调试。对于您试图实现的目标，我认为您需要介入该库，所以希望生产代码能够帮助您破译正在发生的事情。