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

Question

我正在开发一个新客户的网站,该网站从CDN加载Javascript,因此Javascript未嵌入或与网页源内联.我想暂停每次getCurrentPosition()执行以确定它包含在哪个外部JS文件中.

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

我应该尝试创建一个监视表达式,还是有另一种方法来确定触发某个JS函数的时间和位置？

Answer 1

您可以使用Chrome DevTools搜索所有文件.找到你的功能并进行调试:

1. 打开DevTools(F12)
2. 转到"来源"选项卡
3. 按ctrl + shift + f(Win)或cmd + option + f(Mac)打开搜索所有文件
4. 搜索getCurrentPosition
5. 设置断点(通过单击行左侧的行号)

Answer 2

1. 打开Goog​​le Dev工具(F12)
2. 按Ctrl + p

在打开的框中搜索所有文件(JS,CSS,...).

在框中,您有5个选项:

1. 输入'filename'并选择它.
2. 输入':linenumber'转到特定的行号(':10'转到第10行).

3. 输入'@symbol'转到特定符号('@ TestSymbol'转到TestSymbol符号).

   在此选项中,如果您编写@JSFunctionName或@CSSClassName,则光标将导航到JSFunctionName或CSSClassName.

4. 输入'!snippet'转到特定代码段('!snippetTest'转到snippetTest代码段).

5. 输入'> googleCommand'转到特定命令('>清除控制台'清除控制台).

对于使用选项2-5,请选择一个文件.