google-chrome - 使 Chrome 脚本断点在页面（重新）加载之间保持不变

Question

我有在文档加载时运行的脚本。但是要查看我对页面所做的更改，我必须重新加载它，这会清除我在脚本中设置的所有断点。有没有办法让这些断点从页面加载到页面加载持续存在？似乎 Chrome 曾经自动执行此操作，但现在不再执行此操作。谢谢

Answer 1

添加指令

if (my_dbg != undefined) {
    debugger;
}

到你的脚本。如果要启用中断，请在某处添加：

var my_dbg = true;

不太优雅，但应该可以解决您的问题。

例如：

$(document).ready(function(){
   $('#submit_me').click(function () {
      if (my_dbg != undefined) {
        debugger;
      }
   });
   // do other important things...
   if (my_dbg != undefined) {
        debugger;
    }
   // moar important things follow, need to debug
});

在再次加载页面之前，弹出 js 控制台并输入

var my_dbg = true;

然后点击重新加载。应该工作得很好。

Answer 2

在 Chrome 开发人员工具的源标签中，您应该能够单击行号并获得一个蓝色箭头。这将设置一个断点，该断点将在页面加载之间持续存在。