javascript - 如何使用 Chrome 浏览器开发工具调试网页上的脚本？

Question

我去 Sources 没有问题，选择一个文件，然后为一个一个加载的文件添加断点。但是我的网页上有一些 javascript 标签。我怎样才能查看，调试这个？我想我已经尝试了一切，但我仍然无法让那几行代码出现在调试器中。

Answer 1

转到源，然后在它下方的窗格中，您有一个图标（左上角）单击该图标并选择您需要调试的文件

Answer 2

在 Chrome 中，在源下，有一个选项可以查看实际网页本身。您选择它，然后在该页面上找到内联脚本并在那里设置断点。

Answer 3

在您的源代码中添加此代码：debugger; 这将在您的 Chrome 开发人员工具中调试期间自动停止。