使用Google Chrome调试和编辑HTML页面中嵌入的JavaScript

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (21)

Chrome开发者工具允许您在浏览器中编辑javascript,如果javascript位于.js文件中。但是,它似乎不允许我编辑嵌入在HTML页面中的JavaScript。即:

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

这对我来说是一个很大的问题,因为我在某个页面中嵌入了相当多的JavaScript。

类似于这个问题:编辑网页的JavaScript块 生活,但这是关于Firefox,而不是铬。

如何使用Google Chrome开发人员工具编辑HTML页面中嵌入的JavaScript?

提问于
用户回答回答于

实际上chrome允许这样做,在Developer tools窗口的Sources选项卡中选择HTML文件。你会看到HTML而不是javascript,并且只是在<script>标签中添加断点。你也可以添加debugger;命令来编写你想要调试的脚本。例如:

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

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

用户回答回答于

我很难找到有我的内嵌/嵌入式JavaScript的文件。对于有同样问题的其他人来说,这可能会也可能不会有帮助。

Windows使用Chrome 21.0.1180.89 m

点击非常谨慎放置的按钮后,会显示所有文件。看到:

现在你可以开始调试了......

扫码关注云+社区