如何为HTML或PHP中的JavaScript调试/设置断点？
[英]How to debug/set breakpoint for JavaScripts in HTML or PHP?
问题描述
对于独立的.js文件，我们可以在开发工具的“源”面板中轻松地对其进行检查并为其设置断点。 但是我经常碰到HTML脚本标记中的js片段，如何设置断点或调试它们？
此外，在Joomla中，一些js是用自定义HTML模块编写的，如果代码中有一些错误，则与其他独立js文件不同，chrome出现了可点击的错误行，在这种情况下，chrome仅会报告类似“ index.php /：54”，当单击它时，它并不会带您到错误点，并且所谓的“行号”本身完全没有帮助。
那么，对于这两种情况，我该如何调试代码？ 而且，在第二种情况下，数字确切地意味着什么？
2 个解决方案
解决方案1
0 2015-03-19 15:16:58
现代浏览器还为您提供了在脚本中放置一行的选项，其中包括：
debugger;
它有效地放置了一个断点，点击该断点将停止JS执行，并调出开发人员控制台的调试工具。
当然，您不能在生产代码中使用此功能，但这是进行开发的绝佳工具。
编辑 ：再三考虑，我只是尝试在Chrome 41的stackoverflow的html内联脚本中放置一个断点，并且它起作用了。 您确定它不适合您吗？：）（也许您没有在“源代码”面板中的正确源代码下查找？）
解决方案2
0 2015-03-19 15:42:27
希望对您有帮助。
<!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>
如何将 HTML 和 JavaScript 合二为一
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.