javascript - 如何在 HTML 或 PHP 中调试/设置 JavaScript 断点？

Question

对于独立的.js文件，我们可以轻松地在开发工具的“源”面板中检查它并为其设置断点。但是我经常遇到HTML中脚本标签中的js片段，如何设置断点或调试它们？

此外，在 Joomla 中，有些 js 是用自定义 HTML 模块编写的，如果代码中有一些错误，不像其他独立的 js 文件，chrome 会出现可点击的错误行，在这种情况下 chrome 只会报告类似“index.php/:54”的内容，当单击时，它不会将您带到错误点，并且所谓的“行号”本身完全没有帮助。

那么，针对这两种场景，如何调试代码呢？另外，在第二种情况下，这个数字到底意味着什么？

Answer 1

现代浏览器还允许您选择在脚本中放置一行，其中包含:

debugger;

它有效地放置了一个断点，命中它会停止 JS 执行并调出开发人员控制台的调试工具。

当然，您不能在生产代码中使用它，但它是一个很棒的开发工具。

编辑:再想一想，我只是尝试在 Chrome 41 中的 stackoverflow 的 html 内联脚本中放置一个断点，并且它起作用了。您确定它不适合您吗？:)(也许您没有在源面板中查看正确的源？)