Question

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

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

因此，对于这两种情况，我该如何调试代码？而且，在第二种情况下，数字意味着什么呢？

Answer 1

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

debugger;

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

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

编辑：第二个想法，我只是尝试在Chrome 41中的stackoverflow的html内联脚本中放置一个断点，它有效。你确定它不适合你吗？:)（也许你没有在源面板的正确来源下查看？）

Answer 2

我希望它能帮到你..

＆＃13;

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>
Activate debugging in your browser (Chrome, IE, Firefox) with F12, and select "Console" in the debugger menu.
</p>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

＆＃13;

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

2 个答案: