performance - 如何在Chrome的嵌入式JavaScript中添加断点

标签 performance debugging inline google-chrome-devtools

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

但是,我遇到了要调试嵌入式JavaScript代码的问题。我们是否有任何chrome调试工具功能,可以用来调试我的内联javascript代码。

我也可以将Firebug用于调试目的。

PS:内联JavaScript代码是指body标签内和同一文件中的JS代码。

最佳答案

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

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


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

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

Breakpoints in Dynamic JavaScript

关于performance - 如何在Chrome的嵌入式JavaScript中添加断点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16593333/

相关文章:

c - 变质示例代码

php - 有一个很长的 .htaccess 文件可以吗?

android - 以非常快速的方式在android中逐像素绘制图像

android - 查看 Android 数据库游标

java - Java中如何防止 Debug模式的代码被编译成类?

c++ - 调试时如何在VS Code的集成终端中查看C程序的输出

android sqlite 查询慢

JavaScript SQLite 准备好的语句

c++ - inline 是否确定内部链接?

c++ - 短内联函数的 const 正确性是否重要?