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

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 配置文件 按费用、名称和文件搜索
快捷来源 完成! 完成! 当前源文件 替换