动态调试 JS 脚本文件:(JS 源映射 - sourceURL) 与 debugge
问题描述:
当你以动态的方式加载 JS 文件的时候 (就是动态加载 JS 脚本), 你就会发现, 调试这个加载后的动态 JS 太过于费劲了, 很难调试, 那么, 以下方案帮你搞定!
解决方式 1:sourceURL(源映射)-> //@ sourceURL=b.JS
- //@ sourceURL=quarterEvaluation.JS
- PS:
@符号和 sourceURL 间必须有空格, 否则达不到效果.!!!
@符号和 sourceURL 间必须有空格, 否则达不到效果.!!!
@符号和 sourceURL 间必须有空格, 否则达不到效果.!!!
例如: 我在 a.html 页面, 通过 jQuery 的 $(id).load(b.HTML) 方法载入 b 页面内容, 同时在 b 页面中又通过 script 又引用 b.JS 文件, 此时调试的时候, 是很难调试 b.JS 文件的, 那么我们可以在要调试的 JS 顶部加上, 上面的哪行代码即可!
- //@ sourceURL=b.JS(要调试当前文件的全名)
- console.log(123);
- console.log(456);
解决方式 2:debugger 神器
例如:
- debugger
- console.log(123);
- debugger
- console.log(456);
GitHub 地址: 在这里
详细地址: 在这里
来源: http://www.bubuko.com/infodetail-3508258.html