Javascript 断点在 Chrome 开发人员工具中不起作用答案

【问题标题】：Javascript breakpoints not working in Chrome Developer ToolsJavascript 断点在 Chrome 开发人员工具中不起作用
【发布时间】：2012-04-05 13:49:14
【问题描述】：

使用firebug for Firefox，我可以在我的JS代码中设置断点，刷新页面，代码会在我的断点处自动暂停（我的代码在页面加载时运行）。

当我在 Chrome 开发者工具 (Ctrl + Shift + J) 中执行相同操作时，它不会在断点处停止。如何让代码在断点处停止？

另外，我的 console.logs 出现在 Firefox 的 firebug 中，但没有出现在 Chrome 控制台中。如何让 Chrome 控制台显示我的控制台日志？

【问题讨论】：

这两个都应该在开发工具打开时自动发生。如果不是，你可能有一个混乱的 Chrome 安装。如果您在控制台中手动输入console.log('test log')，它会打印test log吗？

【解决方案1】：

断点对我有用；按 Ctrl-shift-i，单击 Scripts 选项卡，选择所需的脚本，然后单击要设置断点的行号。断点可能被禁用；确保 Scripts 选项卡右侧的按钮（在 step over、step out 和 step in 按钮旁边）显示一条穿过它的线。

如果这对您不起作用，请尝试重新启动浏览器、禁用扩展、创建测试 HTML 页面等。

【讨论】：