如何使用Chrome浏览器开发人员工具在我的网页上调试脚本？

Question

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

Answer 1

转到消息来源然后在它下面的窗格中你有一个图标（左上角）点击它并选择你需要调试的文件

Answer 2

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

Answer 3

在您的来源中添加以下代码：debugger; 这将在Chrome开发人员工具的调试过程中自动停止。