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

索菲亚·埃梅利安诺娃
Sofia Emelianova

使用 Search 标签页可在所有已加载资源中查找文本。

或者,使用内置搜索栏,查找使用特定工具打开的资源中的文字。

您可以通过多种方式打开搜索标签页。首先,打开开发者工具,然后执行以下操作之一:

  • 在开发者工具的右上角,依次选择 自定义和控制开发者工具 自定义和控制开发者工具 > 更多工具 > 搜索
  • Esc 打开抽屉式导航栏,然后在左上角依次选择 自定义和控制开发者工具 更多工具 > 搜索
  • Command+Option+F (Mac) 或 Ctrl+Shift+F (Windows/Linux)。

在所有已加载资源中搜索文本

若要在所有已加载资源中搜索文本,请在搜索标签页的搜索栏中输入您的查询,然后按 Enter 键。

搜索结果。

当开发者工具在一行中找到多个匹配项时,搜索结果会以相同的行号列出所有匹配项。 点击搜索结果,开发者工具会在 Sources 中打开该行,并将匹配项滚动到视图中。

如需让查询区分大小写,请切换 区分大小写。 区分大小写按钮。

“匹配大小写”按钮。

如需搜索与正则表达式格式匹配的文本,请切换 “正则表达式”按钮。 使用正则表达式按钮。

“正则表达式”按钮。

重新运行查询、展开和清除结果

如需重新运行搜索查询,请点击 刷新。 刷新

若要展开所有搜索结果,请按以下步骤操作:

  • 在 Windows / Linux 上,按 Ctrl+Shift+{}
  • 在 MacOS 上,按 Command + Option + {}

要清除搜索结果,请点击 清除。 清除

使用特定工具搜索文字

若要将搜索范围缩小到在特定工具中打开的资源,您可以使用内置搜索栏(如果该工具支持)。

搜索栏带有向上和向下按钮,可用于跳转到上一条和下一条搜索结果。

若要使用特定工具打开内置搜索栏,请按 Command+F (Mac) 或 Ctrl+F (Windows/Linux)。

并非所有开发者工具面板和标签都有内置搜索栏,但内置搜索栏通常提供工具特有的功能。下面列出了带有搜索栏的工具及其功能。

面板或标签页 区分大小写 RegEx 范围 工具专属功能
元素 DOM 树 按选择器和 XPath 搜索
控制台 完成! 完成! 日志消息
来源 完成! 完成! 当前源文件 替换
网络 完成! 完成! 网络标头和响应
性能 完成! 完成! 活动
内存 完成! 个人资料 按费用、名称和文件搜索抽样配置文件
JavaScript 性能分析器 完成! CPU 配置文件 按费用、名称和文件搜索
快速来源 完成! 完成! 当前源文件 替换