js调试-定位到函数所在文件位置
2014-06-19 13:30
1281 查看
原文:/article/5155053.html
在控制台输入要查找的函数名如votePost 然后回车:函数源码粗显啦,并且在右下角有个链接 blog-common.js?v=WE8o1xrgcTu07QVvwYqERqD7AA8fdJp_dgoE-crAT3k1:1 这个是什么意思呢?
后面的 v=WE8o1xrgcTu07QVvwYqERqD7AA8fdJp_dgoE-crAT3k1 直接忽略好了这是版本号,防止缓存的。
blog-common.js:1
blog-common.js 是这个函数所在的js文件,1 是代码所在的行号。
直接点击这个链接,就可以跳转到 Sources 面板,这个就是源码面板,调试最重要的一个功能,之后会慢慢介绍。
可是所有代码都在一行,我们改怎么看? 4946 个字符呢,全缩在一行上。。
chrome 给我们提供了一个代码格式化的功能,点击下方那个 Pretty print 按钮即可格式化代码。
格式化完毕之后就是非常美观的代码了,至于看不看的懂,那是另一回事了。
有的看不懂可能是代码被UglifyJS,Google's Closure之类的工具编译过,如 jquery.min.js 文件。
如果格式化够找不到函数所在位置,也不要着急,有我在,慌啥?回到刚才控制台面板。
你欣喜的发现,blog-common.js?v=WE8o1xrgcTu07QVvwYqERqD7AA8fdJp_dgoE-crAT3k1:91
行号变成 91 了,现在再点击这个链接,就可以跳转到对应格式化后的位置了,是不是超方便。。 今天的内容差不多就这些了,其实现在很少有直接全局函数给你调试的,因为现在 jQuery 风靡,各种 click, on 之类的事件绑定,导致源码定位非常繁琐。
好在我之前写了一篇,比较详细的分析了这个问题,详情请参阅《浅谈 jQuery 事件源码定位问题》
相关文章推荐
- vim使用—移动到文件开始和结束位置和当前位置(gg,G)、快速定位到当前光标所在变量或函数的定义处(gd)、自动对齐C和C++程序(先gg再=再G)、自动补全变量名,函数名和字符串ctrl+n或ct
- vim使用—移动到文件开始和结束位置和当前位置(gg,G)、快速定位到当前光标所在变量或函数的定义处(gd)、自动对齐C和C++程序(先gg再=再G)、自动补全变量名,函数名和字符串ctrl+n或ct
- eclipse中快速定位当前文件所在的位置
- 关于在Eclipse中使用函数名查找此函数所在的js文件
- JS事件调试 - 查找HTML元素绑定的事件以及绑定代码所在位置
- Android Studio快速定位当前文件所在的位置
- Idea设置单击打开文件或者双击打开文件、自动定位文件所在的位置
- 织梦模板dedecms 中包含的函数以及函数所在文件文件位置
- JS事件调试 - 查找HTML元素绑定的事件以及绑定代码所在位置
- dedecms5.7二次开发之常用函数列表及所在文件位置
- 1.实验 5.2.5 文件定位 用lseek()函数实现以下功能 1. 获取文件大小 2. 为文件添加指定长度的空洞 3. 在指定位置写入指定内容 4. 读出指定位置的内容 1. 获取文件大小
- 如何在Linux ELF格式的文件(可执行binary,以及so文件)中定位到对应的函数位置
- DEDE 5.7中各函数所在的文件和位置
- JS事件调试 - 查找HTML元素绑定的事件以及绑定代码所在位置
- 在不具备gdb环境的类Linux系统开发板上调试段错误,大致定位出错函数位置
- Android Studio使用技巧之快速定位代码文件所在的电脑磁盘文件夹位置
- cs文件 调用前台JS函数方法
- 将调试信息同时输出到终端和文件_暨_多参数函数封装
- thinkphp 内部函数 D、F、S、C、L、A 他们的用途和所在位置
- vc调试:使用MAP文件快速定位程序崩溃代码行-zz