Chrome DevTools搜索网站中的所有JavaScript文件

我正在从一个新的客户端网站上加载Javascript，因此Javascript没有嵌入或与网页源内联。 我想每次getCurrentPosition()，以确定哪些外部JS文件，它包含在执行暂停。Chrome DevTools搜索网站中的所有JavaScript文件

我知道我可以通过JS文件的内容使用其他工具做一个字符串搜索，但我会而是继续使用Chrome的调试工具。

我应该试着创建一个监视表达式还是有另一种方法来关闭某个JS函数何时何地被触发？

来源

2016-06-07 sparecycle

你知道在哪里定义了getCurrentPosition吗？它叫什么名字？ –

在Google工具中有搜索。 http://stackoverflow.com/questions/4145266/how-to-search-all-loaded-scripts-in-chrome-developer-tools/7970237#7970237 – epascarello

[如何在Chrome开发人员工具中搜索所有已加载的脚本？]（http://stackoverflow.com/questions/4145266/how-to-search-all-loaded-scripts-in-chrome-developer-tools） –

您可以使用Chrome开发工具搜索所有文件。寻找你的功能，并进行调试：

打开DevTools（F12）
转到源标签
打开搜索所有文件按ctrl + shift + f（胜）或cmd + option + f（苹果机）
搜索getCurrentPosition
放一个断点（点击行左边的行号）

来源

2016-06-07 17:18:17

这帮助我找到了我正在寻找的东西。谢谢！ – sparecycle

不客气:) –

不错，不知道DevTools有一个“Search all sources”选项。 –

一种方法是用包装函数替换Geolocation.getCurrentPosition方法，以便您可以在其中设置断点，然后检查堆栈以查看谁在调用它。

来源

2016-06-07 17:15:30

如果您知道代码中调用方法的位置，您可以set breakpoints。这将在运行时暂停JavaScript执行并允许您获取堆栈跟踪。

来源

2016-06-07 17:18:58

你可以找到你需要在网页上的所有信息：https://developer.chrome.com/devtools/docs/javascript-debugging

通过简单地把它（从网页上复制）

打开一个网站，如谷歌关闭hovercard演示页面或TodoMVC

作为打开方式例如Google Closure hovercard演示页面或TodoMVC Angular应用程序

打开DevTools窗口。

如果尚未选择，请选择来源。

调试与断点

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

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

单击线条装订线为该行代码设置断点。蓝色标记会指示断点已经设置：

通过以上简单的例子，你实际上可以“停止”功能getCurrentPosition()和调试。

来源

2016-06-07 17:22:32

打开谷歌开发工具（F12）
按Ctrl + P

在打开框中搜索所有文件（JS，CSS，...）。

在框中，你有5个选项：

类型 '文件名'，然后选择它。
输入'：linenumber'去特定的行号（'：10'到第10行）。
键入'@symbol'转到特定符号（'@ TestSymbol'转到TestSymbol符号）。

在此选项中，如果您编写@JSFunctionName或@CSSClassName，则光标将导航到JSFunctionName或CSSClassName。
输入'！snippet'转到特定片段（'！snippetTest'转到snippetTest片段）。
输入'> googleCommand'转到特定命令（'>清除控制台'清除控制台）。

使用选项2-5选择文件。

来源

2017-12-07 07:49:03

完全值得滚动超出推荐的答案;这是很多的帮助 – vzR

Chrome DevTools搜索网站中的所有JavaScript文件

回答

相关问题