Microsoft Edge开发者工具控制台功能指南

Microsoft Edge开发者工具控制台功能指南

控制台功能参考

本文概述了控制台的功能。

内容：

打开控制台

可以在活动栏或快速视图工具栏中打开控制台工具。

在活动栏中打开控制台工具

按Ctrl+Shift+J(Windows、Linux) 或Command+Option+J(macOS) 。 DevTools 随即打开，并在活动栏中选择了控制台工具的选项卡：

在“快速视图”工具栏中打开控制台工具

若要在“快速视图”工具栏中打开控制台工具，请在“DevTools”窗口底部按Esc。如果“快速视图”工具栏以前已隐藏，则显示：

或者，单击“自定义和控制 DevTools(
...
) >切换快速视图面板。

从命令菜单打开控制台

若要从命令菜单打开控制台工具，请执行以下操作：

2. 按Ctrl+Shift+P(Windows、Linux) 或Command+Shift+P(macOS) 。
   命令菜单最初打开，其文本框前面有一个字符

   。

3. 键入“显示控制台”，然后选择“显示控制台”选项之一：

• 若要在活动栏中打开控制台，请选择旁边带有面板锁屏提醒的选项。
• 若要在“快速视图”工具栏中打开“控制台”，请选择旁边带有“快速视图”锁屏提醒的选项。
  若要了解有关命令菜单的详细信息，请参阅在命令菜单中运行命令。

打开控制台设置

若要更改主机工具的设置，请单击“主机设置(
) 按钮。 将显示“设置”部分：

打开边栏以筛选消息

若要在控制台中显示边栏，若要筛选消息，请单击“显示控制台边栏(
) 。 将显示边栏：

若要详细了解如何在控制台工具中筛选消息，请参阅筛选消息。

查看消息

以下部分介绍更改消息在控制台工具中的显示方式的功能。 有关动手演练，请参阅控制台概述中的检查和筛选当前网页上的信息。

关闭消息分组

默认情况下，控制台将类似的消息组合在一起。 例如，如果记录了多个后续消息，控制台中只显示一条消息。 该消息包括记录消息的次数的计数，你可以展开消息以查看所有实例。

若要关闭主机的默认消息分组行为，请单击“主机设置” (“
) 按钮，然后选择“在控制台中分组类似消息”复选框。

记录 XHR 和提取请求

若要记录 和
Fetch
JavaScript API 触发
XMLHttpRequest
的所有网络请求，请执行以下操作：

2. 在新窗口或选项卡中打开演示网页“检查网络活动演示”。
3. 在控制台工具中，单击“控制台设置 (
   ) 按钮，然后选中“日志 XMLHttpRequests”复选框。
4. 在呈现的网页中，单击“获取数据”按钮。 这会触发
   Fetch
   API 请求，然后控制台会记录请求和响应详细信息：

跨页面加载持久保存消息

加载新网页时，控制台中的消息将被清除。 若要在页面加载时保留消息，请单击“控制台设置 (
) 按钮，然后选择“保留日志”复选框。

隐藏网络错误

默认情况下，控制台工具会记录网络错误：

上面显示的错误是由于 HTTP 响应，其状态代码为
404
。

若要隐藏网络错误，请单击“主机设置 (
) 按钮，然后选择“隐藏网络”复选框。

使用 Edge 中的 Copilot 解释控制台错误和警告

使用 DevTools 检查网页时，通常会在控制台工具中看到错误和警告。 这些错误和警告有时可能难以理解和修复。 通过使用“解释此错误”功能，可以在 Edge 中的 Copilot 中获取有关错误或警告的详细信息：

若要了解有关此功能的详细信息，请参阅使用 Edge 中的 Copilot 解释控制台错误和警告。

筛选消息

有多种方法可在控制台中筛选出消息。

筛选掉浏览器消息

若要仅显示来自网页的 JavaScript 的消息，请执行以下操作：

2. 在新窗口或选项卡中打开演示网页PWAmp，然后单击“播放”按钮。
   演示网页将消息记录到控制台，还记录了多个浏览器消息：
3. 在控制台工具中，若要显示边栏，请单击“显示控制台边栏(
   ) 。
4. 在边栏中，单击3 条用户消息。 用户消息数可能因网页记录的消息数而异。
   控制台工具仅显示网页记录的消息，浏览器消息处于隐藏状态：

按日志级别筛选

DevTools 将记录到控制台工具的每条消息分配四个严重级别之一：

• Error
• Info
• Verbose
• Warning

这四个严重级别适用于：

• 使用
  console
  、
  console.error()
  和
  console.warn()
  等
  console.log()
  方法从网页中记录的消息。
• 浏览器记录的消息。

可以隐藏不感兴趣的任何级别的邮件。 例如，如果只对消息感兴趣
Error
，则可以隐藏其他三个级别。

按级别筛选消息：

2. 在控制台工具的工具栏中，单击“日志级别”下拉列表。
   如果下拉列表不可用，请先通过单击“隐藏控制台边栏” (隐藏
   。
3. 在下拉列表中，启用或禁用任何
   Verbose
   、
   Info
   、
   Warnings
   或
   Errors
   级别：

按脚本 URL 筛选消息

若要按记录消息的脚本的 URL 筛选消息，请使用“筛选”文本框：

2. 在新窗口或选项卡中打开演示网页PWAmp。来自各种脚本的消息将记录到控制台。
3. 在控制台工具的工具栏中，单击“筛选器”文本框，然后键入
   url:
   。 一个下拉列表，其中包含记录消息的脚本的 URL：
4. 选择要关注的脚本的 URL。控制台工具仅显示来自该脚本的消息：

无需从控制台工具在“筛选器”下拉列表中提供的 URL 列表中进行选择。 可以键入要筛选的 URL 或 URL 的一部分。 例如，如果
https://example.com/a.js
和
https://example.com/b.js
正在记录消息，
url:example.com
则允许你专注于这两个脚本中的消息。

使用负 URL 筛选器反转筛选器

若要隐藏从脚本记录的消息，请在“筛选器”文本框中键入
-url:
脚本的 URL 或部分 URL。 例如，若要对
https://example.com/a.js
隐藏消息，请键入
-url:example.com/a.js

使用边栏显示来自单个脚本的消息

若要显示来自单个脚本的消息，请使用边栏：

2. 若要在控制台中显示边栏，请单击“显示控制台边栏(
   ) 。 此时会显示边栏。
3. 展开“3 个用户消息”部分。 该数量可能因网页记录的消息数而异。 将显示记录消息的脚本列表。
4. 选择包含要关注的消息的脚本脚本。控制台仅显示来自该脚本的消息：

筛选出来自不同 JavaScript 上下文的消息

默认情况下，控制台工具显示来自网页上运行的所有 JavaScript 上下文的消息。 这可能包括来自网页中嵌入的跨域