美文网首页美图look
如何在网页里快速找到JavaScript函数定义的位置

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

作者: splinzer | 来源:发表于2018-07-14 14:03 被阅读12次

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

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


    Chrome浏览器console截图

相关文章

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

    分析别人代码的时候,经常遇到这样的情况:看到了某个函数被调用,需要找到这个函数在哪里定义的。尤其是一个比较复杂且还...

  • 2021-01-14

    this定义位置 JavaScript函数中的this不是在函数声明的时候定义的,而是在函数调用(即运行)的时候定...

  • JavaScript1.0

    如何插入JS ​​ 引用JS外部文件 ​​ 找到你的位置(JS在页面中的位置) ​​ ​​ JavaScript-...

  • JavaScript 函数

    函数 定义函数 在 JavaScript 中,定义函数方式: function abs (x) { if(x >...

  • 作用域_全局变量

    JavaScript 全局变量 变量在函数外定义,即为全局变量。 全局变量有 全局作用域: 网页中所有脚本和函数都...

  • (函数)函数定义和调用+变量作用域与解析赋值

    函数的定义和调用 在JavaScript中,定义函数的方式如下: arguments JavaScript还有一个...

  • JS 函数

    JavaScript 函数定义 JavaScript 使用关键字 function 定义函数。函数可以通过声明定义...

  • JavaScript 学习笔记继续篇

    JavaScript 函数定义 JavaScript 使用关键字 function 定义函数。函数可以通过声明定义...

  • 2019-04-29

    JavaScript 函数定义 JavaScript 使用关键字 function 定义函数。函数可以通过声明定义...

  • JavaScript学习之旅-7(原创)

    在上一篇文章中,我们主要学习在JavaScript中,如何定义函数(也称方法),使用函数,如何使用argument...

网友评论

    本文标题:如何在网页里快速找到JavaScript函数定义的位置

    本文链接:https://www.haomeiwen.com/subject/gdcypftx.html