如何在网页里快速找到JavaScript函数定义的位置

分析别人代码的时候,经常遇到这样的情况:看到了某个函数被调用,需要找到这个函数在哪里定义的。尤其是一个比较复杂且还有很多第三方JS文件的网页里,要快速找到某个function定义的位置比较麻烦。
下面介绍一种在Chrome浏览器中快捷的查找方法:

  1. 在Chrome控制台里输入函数名,回车
  2. 在返回的函数信息上右键选择Show Function Definition。然后就会自动打开该函数的代码。
    如下图:


    Chrome浏览器console截图
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近很喜欢听侯旭的《逃》,耳边常常回想他嘶哑的歌声,“我好想逃,却逃不掉,放弃你是最痛苦的煎熬”,在网易云的评论里...
    武陵寺卫阅读 200评论 0 0
  • 文 | 云吞悠扬 1 小时候家乡还是一个村庄,一条小河笔直的诡异,将村子劈成两半,村里老人管它叫戒尺河,告诫人们做...
    云吞悠扬阅读 767评论 3 7
  • 1、在要确立自己该以什么样的态度对待金钱,先要搞清楚自己的需要的是什么? 什么是需要,需求如何分类,哪些需要是必须...
    清娆阅读 534评论 0 0