我应该在Chrome开发者工具中把断点放在哪里？

Question

我对chrome开发人员工具很新，我注意到当我放入一个断点并刷新页面时，有时页面会在断点处暂停，有时则不会。断点是否必须在函数内或函数外部才能使应用程序在断点处暂停？我试图检查并查看某些值是否已定义或未定义。

Answer 1

breakpoint告诉调试器在执行到达具有所述breakpoint的语句时停止，并且可以放在任何statement上。

  

断点是否必须在函数内或函数外部才能使应用程序在断点处暂停？

取决于您想要调试的内容。如果您希望在页面到达function 定义时停止执行，请在“outside”上设置breakpoint。但是，如果要在调用函数时中断，请将其设置为“inside” function的定义。

Answer 2

断点应该可以在任何地方工作得很好，只要代码可以逐步完成。

如果您遇到严重问题，可以考虑使用非标准debugger关键字。这几乎可以模拟断点的功能，除了你在实际代码中设置它们而不是开发人员工具。

例如：

function test(y) {
    debugger;

    var x = y;
}

（与所有以开发人员为中心的JavaScript功能（例如console.log）一样，不要忘记从生产代码中删除）