搜索:查找所有已加载资源中的文本

Sofia Emelianova
Sofia Emelianova

使用搜索面板可在所有已加载的资源中查找文本。

或者,您也可以使用内置搜索栏在通过特定工具打开的资源中查找文字。

您可以通过多种方式打开搜索面板。首先,打开开发者工具,然后执行以下某项操作:

  • 在开发者工具的右上角,选择 自定义和控制开发者工具 自定义和控制开发者工具 >更多工具 >搜索
  • 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 配置文件 按费用、名称和文件搜索
快速来源 完成! 完成! 当前源文件 替换