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

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

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


    Chrome浏览器console截图

推荐阅读更多精彩内容

  • 最近很喜欢听侯旭的《逃》,耳边常常回想他嘶哑的歌声,“我好想逃,却逃不掉,放弃你是最痛苦的煎熬”,在网易云的评论里...
    武陵寺卫阅读 20评论 0 0
  • 文 | 云吞悠扬 1 小时候家乡还是一个村庄,一条小河笔直的诡异,将村子劈成两半,村里老人管它叫戒尺河,告诫人们做...
    云吞悠扬阅读 169评论 3 7
  • 文/大力稳重 刊首语 我们所能够谈论的真实, 从来就不是真实本身。 ----维尔纳·海森堡 生活中,但凡与人聊起当...
    大力稳重阅读 433评论 4 37
  • 1、在要确立自己该以什么样的态度对待金钱,先要搞清楚自己的需要的是什么? 什么是需要,需求如何分类,哪些需要是必须...
    清娆阅读 62评论 0 0