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

Question

我想调试我的javascript代码,并能够在源选项卡下的所需位置成功放置断点.

但是,我遇到了一个问题,我想调试我的内联javascript代码.我们是否有任何chrome调试工具功能,我可以调试我的内联JavaScript代码.

我也可以使用Firebug进行调试.

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

Answer 1

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

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

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

注意:@替换为#以避免不受支持的浏览器出错