Google chrome 如何在Chrome开发者工具中搜索所有加载的脚本?

Google chrome 如何在Chrome开发者工具中搜索所有加载的脚本?,google-chrome,google-chrome-devtools,script-debugging,Google Chrome,Google Chrome Devtools,Script Debugging,在Firebug中,您可以搜索一些文本,它将在页面上加载的所有脚本中查找这些文本。在调试客户端脚本时,Chrome开发者工具是否也能做到这一点?我试过了,但它似乎只在我打开的脚本中搜索,而不是页面上的其他脚本 我希望接下来的屏幕截图能更好地说明我要实现的目标: 以下屏幕截图来自Firebug中的单个搜索: 通过以下方式在开发人员工具中打开新的搜索窗格: 按Ctrl+Shift+F(mac上的Cmd+Option+I) 单击溢出菜单(⋮) 在DevTools中 单击控制台中的溢出菜单(⋮) 并

在Firebug中,您可以搜索一些文本,它将在页面上加载的所有脚本中查找这些文本。在调试客户端脚本时,Chrome开发者工具是否也能做到这一点?我试过了,但它似乎只在我打开的脚本中搜索,而不是页面上的其他脚本

我希望接下来的屏幕截图能更好地说明我要实现的目标:

以下屏幕截图来自Firebug中的单个搜索:

通过以下方式在开发人员工具中打开新的搜索窗格:

  • 按Ctrl+Shift+F(mac上的Cmd+Option+I)
  • 单击溢出菜单(⋮) 在DevTools中
  • 单击控制台中的溢出菜单(⋮) 并选择搜索选项
您可以搜索所有脚本,并支持正则表达式和区分大小写

单击任何匹配项以在“脚本”面板中加载该文件/节

确保在DevTools首选项(F1)中选中了“在匿名和内容脚本中搜索”。这将从iFrame和HTML内联脚本中返回结果:


使用Control+Shift+F或Console->[搜索选项卡]搜索所有文件。

注意:全局搜索显示在控制台菜单旁边

除了中建议的Ctrl+Shift+F(Mac上的Cmd+Option+F)之外,您可以右键单击源选项卡中的顶层树节点并选择“搜索所有文件”:


在Windows Control+Shift+F中。也要确保在内容脚本中搜索。转到设置->来源->在匿名和内容脚本中搜索。

在最新的Chrome中,从2018年10月26日起,最高评级的答案不再有效,下面是如何完成的:


在Widows中,它对我有效。控制Shift F,然后它会在底部打开一个搜索窗口。请确保展开底部区域以查看新的搜索窗口


您的文本可能位于网络响应中。网络选项卡中还有一个搜索工具,您可以试用。

您要搜索的内容可能保留在DOM或内存中。如果它不在DOM中,那么它可能在内存中,因为您刚刚在计算机屏幕上看到它。
您搜索的文本可能是从初始DOM中的脚本加载的,也可能是从以后请求中的响应加载的。

Control+Shift+F非常有用,但不会返回所有命中率,尤其是iframe中的脚本。如果Control+Shift+F是一种方法,那么上面的搜索框完全是误导性的。其次,搜索和搜索UI的工作流程是horr你能在这个小范围内适应多少?为什么不像FF那样去做呢?效果很好,但比FF需要更长的时间。Chrome开发工具还需要很多改进=(请确保开发人员工具位于其自己的窗口中,如果DT停靠在主窗口,则Ctrl+Shift+F命令不会启动源代码搜索,而是会运行默认搜索。如果您使用源代码映射(例如,使用GWT Super Dev模式),我必须为此使用谷歌搜索,这一事实说明了Chrome Dev Tools.BTW的用户体验,您可以按名称搜索映射的.java文件…键入Ctrl+O(mac上的command+O)在“源”选项卡中。我可以建议将已接受的答案改为vsevik吗?这对今天的读者可能更有用。很高兴!这个问题得到了完美的答案,但网络响应中的搜索不像Firebug中那样可用,现在甚至在Google开发工具中的firefoxUse“转到文件”中也不可用(一个灵活而有用的工具,能够在CSS中搜索函数名、类名等)。不再存在?我在Windows上看不到它。从Chrome 58开始不再存在。在当前版本中再次存在。我在mac os上的Chrome 79版本中看不到它。这个答案基本上与我更新为包含Console->Search的热门答案相同。如果选中“在匿名和内容脚本中搜索”,则排名靠前的答案仍然有效从设置中。顺便说一句,您的答案与所询问的内容无关;这只是用于搜索文件名,而不是内容。是的,就是这样。我正在分析一个网站,正在动态加载我所查找的数据。