我想调试我的javascript代码,并且能够在sources选项卡下的必要位置成功地放置断点。
然而,我遇到了一个问题,我想调试我的内联javascript代码。我们是否有任何chrome调试工具功能,我可以使用它来调试我的内联javascript代码。
出于调试的目的,我也可以使用Firebug。
PS:通过内联javascript代码,我指的是在body标签和同一文件中的JS代码。
发布于 2014-01-09 22:22:37
另一种方法是使用动态脚本方法。Chrome提供了简单的解析器命令,可以标记动态加载的JS。
<script type="text/javascript">
[...]
//# sourceURL=dynamicScript.js
</script>
这一行告诉chrome调试器应该将脚本标记内的整个脚本解释为一个dynamicScript.js文件。您可以在调试器列表中找到该文件,并轻松地设置断点或检查代码。
注意:@被替换为#,以避免在不支持的浏览器上出现错误
发布于 2014-03-15 07:00:21
@blunderboy如果你的BODY标签中有以下类型的JS,它永远不会出现在你的目录结构中,所以在这种情况下,你的解决方案将不起作用。
<div>
<script src="myJSfile.js">
</script>
</div>
在jquery mobile中会发生这种情况,页面div之外的所有内容都不会加载,因此必须在页面div中包含JS。
我会将@fazzyx的答案标记为正确答案,因为这至少是chrome显示那些包含的文件的方式。
https://stackoverflow.com/questions/16593333
复制相似问题