javascript - 使用谷歌浏览器调试和编辑嵌入在 HTML 页面中的 javascript

Question

Chrome 开发人员工具允许您在浏览器中编辑 javascript(如果 javascript 在 .js 文件中)。但是，它似乎不允许我编辑嵌入在 HTML 页面中的 javascript。即:

<script type="text/javascript> 
// code here that I want to debug/edit
</script> 

这对我来说是个大问题，因为我在某个页面中有相当多的嵌入式 javascript。

类似于这个问题:Edit JavaScript blocks of web page... live但这是关于 firefox，而不是 chrome。

如何使用 Google Chrome 开发者工具编辑嵌入在 HTML 页面中的 javascript？

Answer 1

实际上 chrome 允许这样做，在开发人员工具窗口的 Sources 选项卡中选择 HTML 文件。您将看到 HTML 而不是 javascript，只需在 <script> 中添加断点即可。标签。您也可以添加 debugger;命令来编写要调试的脚本。例如:

<script>
 // some code
 debugger; // This is your breakpoint
 // other code you will able to debugg
</script>

不要忘记删除 debugger;的时候你想发布你的网站。