如何在chrome中添加内联javascript中的断点

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

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

我想调试我的JavaScript代码,并能够在源代码标签下的所需位置成功放置断点。

但是,我遇到了一个问题,我想调试我的内嵌JavaScript代码。我们是否有任何使用它可以调试我的内嵌JavaScript代码的chrome调试工具功能。

为了调试目的,我也很好地使用Firebug。

PS:通过内嵌JavaScript代码,我的意思是代码内的身体标记和相同的文件。

提问于
用户回答回答于

另一种方法是使用动态脚本方法。Chrome提供了简单的解析器命令,可以标记动态加载的JS。

<script type="text/javascript">
[...]
//# sourceURL=dynamicScript.js 
</script>

该行告诉chrome调试器,脚本标签中的整个脚本应该被解释为一个dynamicScript.js文件。您可以在调试器列表中找到该文件,并轻松设置断点或检查代码。

注意:@替换为#以避免在不受支持的浏览器上发生错误

动态JavaScript中的断点

用户回答回答于

我找到了解决方案。我们也可以在内嵌JavaScript上放置断点。

解:

  • 在chrome开发工具中转到源代码标签,你可以看到所有的源代码。
  • 您的HTML代码将与您的网址中的目录结构类似。
  • 然后,您可以打开您的HTML并在您的内联JavaScript代码中放置断点

扫码关注云+社区