使用搜索面板可在所有已加载的资源中查找文本。
或者,您也可以使用内置搜索栏在通过特定工具打开的资源中查找文字。
打开“搜索”面板
您可以通过多种方式打开搜索面板。首先,打开开发者工具,然后执行以下某项操作:
- 在开发者工具的右上角,选择 自定义和控制开发者工具 >更多工具 >搜索。
- 按 Esc 打开抽屉式导航栏,然后选择左上角的 更多工具 >搜索。
- 按 Command + Option + F (Mac) 或 Ctrl + Shift + F (Windows/Linux)。
在所有已加载的资源中搜索文本
如需在所有已加载的资源中搜索文本,请在搜索面板的搜索栏中输入查询,然后按 Enter 键。
当开发者工具在一行中找到多个匹配项时,搜索结果会列出所有具有相同行号的匹配项。 点击搜索结果,开发者工具会在 Sources 中打开相应的行,并将匹配项滚动到视图中。
如需使查询区分大小写,请切换 match_case 匹配大小写按钮。
如需搜索与正则表达式匹配的文本,请开启 regular_expression 正则表达式按钮。
重新运行查询、展开和清除结果
如需重新运行搜索查询,请点击 刷新。
若要展开所有搜索结果,请执行以下操作:
- 在 Windows / Linux 上,按 Ctrl + Shift + { 或 }
- 在 macOS 中,按 Command + Option + { 或 }
要清除搜索结果,请点击 清除。
在特定工具中搜索文字
如需将搜索范围缩小到在特定工具中打开的资源,您可以使用内置搜索栏(如果该工具支持的话)。
搜索栏有向上和向下按钮,可用于跳转到上一个和下一个搜索结果。
若要在特定工具中打开内置搜索栏,请按 Command+F (Mac) 或 Ctrl+F (Windows/Linux)。
并非所有开发者工具面板和标签页都有内置搜索栏,但那些有搜索栏的面板和标签页通常会提供工具专用功能。下面列出了带有搜索栏的工具及其功能。
面板或标签页 | 区分大小写 | RegEx | 范围 | 工具专用功能 |
---|---|---|---|---|
元素 | DOM 树 | 按选择器和 XPath 搜索 | ||
控制台 | 日志消息 | |||
来源 | 当前源文件 | 替换 | ||
网络 | 网络标头、载荷和响应 | |||
性能 | 活动 | |||
内存 | 配置文件 | 按费用、名称和文件搜索抽样配置文件 | ||
JavaScript 性能分析器 | CPU 配置文件 | 按费用、名称和文件搜索 | ||
快速来源 | 当前源文件 | 替换 |