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

Sofia Emelianova
Sofia Emelianova

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

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

概览

Search 面板中,您可以在所有已加载的资源中查找文本,还可以选择使用正则表达式或区分大小写。找到相应文字后,您可以在来源面板中查看其来源。

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

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

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

如需在所有已加载的资源中搜索文本,请在搜索面板的搜索栏中输入查询,然后按 Enter 键。

搜索结果。

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

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

“匹配大小写”按钮。

如需搜索与正则表达式匹配的文本,请开启 正则表达式按钮。

“正则表达式”按钮。

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

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

如需展开所有搜索结果,请执行以下操作:

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

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

在特定工具中搜索文字

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

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

如需在特定工具中打开内置搜索栏,请按 Command+F(Mac)或 Control+F(Windows/Linux)。

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

面板或标签页 区分大小写 正则表达式 范围 工具专用功能
元素 DOM 树 按选择器和 XPath 搜索
控制台 完成! 完成! 日志消息
来源 完成! 完成! 当前源文件 替换
网络 完成! 完成! 网络标头、载荷和响应
性能 完成! 完成! 轨道中的活动以及广告网络轨道中的请求
内存 完成! 配置文件 按费用、名称和文件搜索抽样配置文件
JavaScript 性能分析器 完成! CPU 配置文件 按费用、名称和文件搜索
快速来源 完成! 完成! 当前源文件 替换