你也可以给你的脚本一个名字:

< >脚本 ．.． (你的代码在这里) / / # sourceURL = somename.js > < /脚本

当然，用一些名字替换“someename”;)然后你会在chrome调试器“Sources > top > (no domain) > someename .js”中看到它作为一个正常的脚本，你将能够像其他脚本一样调试它

您谈论的是<script>标记中的代码，还是HTML标记属性中的代码，就像这样?

<a href="#" onclick="alert('this is inline JS');return false;">Click</a>

无论哪种方式，像这样的调试器关键字都可以工作:

<a href="#" onclick="debugger; alert('this is inline JS');return false;">Click</a>

注意:如果开发工具没有打开，Chrome不会在调试器上暂停。

你也可以在JS文件和<script>标签中设置属性断点:

单击Sources选项卡 单击Show Navigator图标并选择文件 双击左侧空白处的a行号。相应的行被添加到Breakpoints面板(4)。

这是上文Rian Schmits回答的延伸。在我的例子中，我在JavaScript代码中嵌入了HTML代码，除了HTML代码，我看不到其他任何东西。也许Chrome调试已经改变了多年，但右键单击源/源选项卡给我添加文件夹到工作区。我可以添加我的整个项目，这让我可以访问我所有的JavaScripts。你可以在这个链接中找到更多细节。我希望这能帮助到一些人。

我知道问题不是关于Firefox，但我不想添加这个问题的副本，只是自己回答它。

对于Firefox，您需要添加调试器;能够做什么@matt-ball建议的脚本标签。

所以在你的代码中，你在你想调试的行上面添加调试器，然后你可以添加断点。如果你只是在浏览器上设置断点，它不会停止。

如果这不是添加Firefox答案的地方，那么这个问题是关于Chrome的。不要:(如果没有答案，请告诉我应该把它贴在哪里，我会很高兴地把它移到哪里。：）

我也有同样的问题，如何调试JavaScript是在<script>标签。但后来我在Sources选项卡下找到了它，名为“(index)”，带圆括号。单击行号以设置断点。

这是Chrome 71。

你也可以给你的脚本一个名字:

< >脚本 ．.． (你的代码在这里) / / # sourceURL = somename.js > < /脚本

当然，用一些名字替换“someename”;)然后你会在chrome调试器“Sources > top > (no domain) > someename .js”中看到它作为一个正常的脚本，你将能够像其他脚本一样调试它