如何在Chrome Developer Tools中search所有加载的脚本?
在Firebug中,您可以search一些文本,并将在页面上加载的所有脚本中查找它。 在debugging客户端脚本时,Chrome Developer工具也可以做到这一点吗? 我试了一下,但似乎只search我打开的脚本,而不是页面上的其余部分。
我希望下面的截图能够更好地了解我想要完成的工作:
以下屏幕截图来自Firebug的单个search:
在开发工具中通过以下方式打开一个新的search窗
- 按下Ctrl + Shift + F (Mac上的Cmd + Option + F )
- 点击DevTools中的溢出菜单( ⋮ )
- 点击控制台中的溢出菜单( ⋮ )并selectsearch选项
您可以search所有脚本,支持正则expression式和区分大小写。
单击任何匹配以在脚本面板中加载该文件/部分。
确保在DevTools首选项( F1 )中选中“在匿名和内容脚本中search”。 这将返回iframe和HTML内联脚本中的结果:
用Control + Shift + F或控制台search所有文件 – > [Search tab]
注:全局search显示在CONSOLE菜单旁边
除了本答案build议的Ctrl + Shift + F (Mac上的Cmd + Option + F )之外,您还可以右键单击源选项卡中的顶部树节点,然后select“在所有文件中search”: