在 Chrome 开发人员工具的控制台中,我们能够查看给定页面范围内的所有变量和函数,如此屏幕截图所示,该屏幕截图显示了在我们最喜欢的购物网站 http://grab.by/RbjQ 上定义的名为“buildIssInitObject”的函数.
但是没有显示的是这个函数或变量是在哪里定义的。通常一个页面会加载很多源文件,那么如何查看控制台中显示的给定函数或变量是在哪些源文件中定义的呢?
最佳答案
您可以使用快捷键 Ctrl+Shift+F (Window) 或 Cmd+Opt+F (Mac) 在 Sources 选项卡中搜索所有引用,包括声明。单击结果以打开文件。
注:函数定义所在的文件不一定是开发时创建的原始文件。在这种情况下,代码是从许多不同的来源捆绑的。
或者,如果快捷方式已被另一个应用程序(例如 Spectacle)劫持,则使用溢出菜单打开搜索栏:
关于javascript - Chrome 开发人员工具 - 如何找到定义控制台中显示的变量的源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38127752/