首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在chrome的内联javascript中添加断点

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

Stack Overflow用户
提问于 2013-05-17 00:59:55
回答 2查看 15.7K关注 0票数 18

我想调试我的javascript代码,并且能够在sources选项卡下的必要位置成功地放置断点。

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

出于调试的目的,我也可以使用Firebug。

PS:通过内联javascript代码,我指的是在body标签和同一文件中的JS代码。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-01-09 22:22:37

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

代码语言:javascript
复制
<script type="text/javascript">
[...]
//# sourceURL=dynamicScript.js 
</script>

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

注意:@被替换为#,以避免在不支持的浏览器上出现错误

Breakpoints in Dynamic JavaScript

票数 39
EN

Stack Overflow用户

发布于 2014-03-15 07:00:21

@blunderboy如果你的BODY标签中有以下类型的JS,它永远不会出现在你的目录结构中,所以在这种情况下,你的解决方案将不起作用。

代码语言:javascript
复制
<div>
<script src="myJSfile.js">
</script>
</div>

在jquery mobile中会发生这种情况,页面div之外的所有内容都不会加载,因此必须在页面div中包含JS。

我会将@fazzyx的答案标记为正确答案,因为这至少是chrome显示那些包含的文件的方式。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16593333

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档