Chrome开发工具搜索网站中的所有javascript文件

我正在开发一个新的客户端网站，该网站从CDN加载Javascript，这样Javascript就不会嵌入或嵌入网页源代码每次执行

getCurrentPosition（）

时，我都会暂停，以确定它包含在哪个外部JS文件中

我意识到我可以使用其他工具对JS文件的内容进行字符串搜索，但我宁愿使用Chrome的调试工具

---

我应该尝试创建一个watch表达式，还是有其他方法确定某个JS函数何时何地被激发？

一种方法是用包装函数替换

Geolocation.getCurrentPosition

方法，以便您可以在其中设置断点，然后检查堆栈以查看谁在调用它。

您可以使用Chrome DevTools在所有文件中搜索。找到您的函数并调试它：

打开开发工具（F12）

转到“源”选项卡

按

ctrl+shift+f

（Win）或

cmd+option+f

（Mac）打开搜索所有文件

搜索getCurrentPosition

放置断点（通过单击行左侧的行号）

---

如果您知道该方法在代码中的何处调用，则可以。这将在运行时暂停javascript执行，并允许您获得堆栈跟踪。

您可以在网页上找到所需的所有信息：

简单地说（从网页复制）

打开一个站点，如Google Closure hovercard演示页面或TodoMVC

打开一个站点，如Google Closure hovercard演示页面或TodoMVC Angular应用程序

打开DevTools窗口

如果尚未选择，请选择源

使用断点进行调试

断点是脚本中有意停止或暂停的位置。在DevTools中使用断点调试JavaScript代码、DOM更新和网络调用

添加和删除断点 在Sources面板中，打开一个JavaScript文件进行调试。在下面的示例中，我们正在调试TodoMVC的AngularJS版本中的todoCtrl.js文件

单击行间距为该行代码设置断点。蓝色标记将指示是否设置了断点：

通过上面的简单示例，您实际上可以“停止”函数

getCurrentPosition（）

，并对其进行调试

打开谷歌开发工具（F12）

按Ctrl+p组合键

在打开的框中搜索所有文件（JS、CSS等）

在该框中，您有5个选项：

首先，选择一个文件以使用选项2-5

键入“filename”并选择它

键入“：linenumber”转到特定行号（“：10”转到第10行）

键入“@symbol”转到特定符号（“@TestSymbol”转到TestSymbol符号）

在该选项中，如果写入@JSFunctionName或@CSSClassName，则光标 将导航到JSFunctionName或CSSClassName

输入'！snippet'转到特定代码段（“！snippetest”转到snippetest snippet）

键入'>googleCommand'转到特定命令（'>Clear console'清除控制台）

---

您知道

getCurrentPosition

是在哪里定义的吗？它叫什么？谷歌工具里有搜索功能。谷歌开发工具（一个灵活而有用的工具，可以搜索你的函数名，CSS中的类名，…）中可能重复使用“转到文件”。这帮我找到了我想要的东西。非常感谢。不错，我不知道DevTools有一个“搜索所有源代码”选项。

Cmd+option+F

在MacBless your soul上！这使得源代码挖掘变得非常容易，完全值得在推荐答案之外滚动；这是很大的帮助