如何在Chrome Developer Tools中搜索所有已加载的脚本？
Sla*_*avo 421 google-chrome script-debugging google-chrome-devtools
在Firebug中,您可以搜索某些文本,它将在页面上加载的所有脚本中查找它.调试客户端脚本时,可以在Chrome Developer工具中完成相同的操作吗？我试过了,但它似乎只在我打开的脚本中搜索,而不是在页面上的其余部分.
我希望下一个屏幕截图可以更好地了解我正在努力实现的目标:
以下屏幕截图来自Firebug中的单个搜索:
vse*_*vik 670
在Developer Tools中打开一个新的搜索窗格:
- 按Ctrl+ Shift+ F(在mac上Cmd+ Option+ I)
- 单击⋮DevTools中的溢出菜单(),
- 单击控制台(⋮)中的溢出菜单,然后选择"搜索"选项
您可以搜索所有脚本,并支持正则表达式和区分大小写.
单击任何匹配项以在脚本面板中加载该文件/部分.
确保在DevTools首选项(F1)中选中"在匿名和内容脚本中搜索" .这将返回iframe和HTML内联脚本中的结果:
- 如果Control + Shift + F是要走的路,那么上面的搜索框就完全是误导性的.其次,搜索和搜索UI工作流程是可怕的.你真的适合那个小区域多少钱？为什么不像FF一样呢？ (35认同)
- 我不得不谷歌这一事实说明了Chrome开发工具的用户体验. (22认同)
- Control + Shift + F非常有用,但不会返回所有匹配,尤其是iframe中的脚本. (14认同)
- 确保Developer Tools位于自己的窗口中,如果DT停靠在主窗口,则Ctrl + Shift + F命令不会启动搜索源,而是运行默认搜索. (8认同)
- 运作良好,但需要比FF更长的时间.Chrome Dev Tools需要很多改进...... =( (6认同)
- 根据[praterade](http://stackoverflow.com/a/24872497/456814),"*专门针对Murali VP和coding_idiot的评论,请确保在检查器设置中检查'在内容脚本中搜索'.这将从iframe和HTML中返回结果.*" (5认同)
- 应该标记为答案.工作得很好.:) (4认同)
- 值得一提的是**Ctrl + P**来快速搜索并在源代码中打开文件名. (4认同)
- 不适用于最新版本的chrome - atleast未显示所有结果,可能会显示或不显示很少的结果(不可预测的行为) (3认同)
| 归档时间： |
|
| 查看次数： |
176236 次 |
| 最近记录： |