控制台功能参考

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

内容：

可以在上部窗格中以工具或抽屉中的工具的形式打开控制台。

按 Ctrl+Shift+J (Windows、Linux) 或 Command+Option+J (macOS) 。

若要从命令菜单中打开控制台工具，请键入Console并运行旁边有面板锁屏提醒的“显示控制台”命令。

按 Esc。或者，单击“ 自定义和控制 DevTools (...) 然后选择” 显示控制台抽屉”。

“DevTools”窗口底部弹出“抽屉”，并打开 “控制台” 工具。

若要从命令菜单打开控制台工具，请键入“控制台”，然后运行旁边有抽屉锁屏提醒的“显示控制台”命令。

单击 “主机设置” () 按钮。

若要显示 边栏，请单击“ 显示控制台边栏 () 。 边栏可帮助你进行筛选。

本部分包含更改消息在控制台中的显示方式的功能。 有关动手演练，请参阅 查看消息。

若要关闭 主机的默认消息分组行为，请单击“ 主机设置” ( “) ”按钮，然后选择“ 分组相似”旁边的复选框。 有关示例，请参阅 记录 XHR 和提取请求。

若要在 XMLHttpRequest 每次发生时将所有和 Fetch 请求记录到 控制台 ，请单击 “控制台设置” () 按钮，然后选中 “Log XMLHttpRequests”旁边的复选框。

上图中的顶部消息显示 控制台的默认分组行为。

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

Microsoft Edge 的默认操作是将网络消息记录到 控制台。 在下图中，所选消息表示 的 429HTTP 状态代码。

若要隐藏网络消息，请执行以下操作：

单击 “主机设置” () 按钮。

选中 “隐藏网络”旁边的复选框。

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

若要仅显示来自网页 JavaScript 的消息， 请打开控制台边栏 ，然后单击# 用户消息。

DevTools 为每个方法分配 console.* 四个严重级别之一：

例如， console.log() 位于 Info 组中，但 console.error() 位于 Error 组中。 控制台对象 API 参考介绍了每个适用方法的严重性级别。 浏览器记录到控制台的每条消息也有严重性级别。

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

若要筛选消息，请单击“日志级别”下拉列表，然后选择 、VerboseInfo、 Warning或 Error。

若要使用日志级别进行筛选， 请打开控制台边栏 ，然后选择 “错误”、“ 警告”、“ 信息”或“ 详细”。

键入 url: 后跟 URL，以便仅查看来自该 URL 的消息。 键入 url:后，DevTools 将显示所有相关 URL。 域也正常工作。 例如，如果 https://example.com/a.js 和 https://example.com/b.js 正在记录消息， url:https://example.com 则允许你专注于这两个脚本中的消息。

若要隐藏 URL 中的消息，请键入 -url:。 这是一个负 URL 筛选器。

显示来自单个 URL 的消息：

打开控制台边栏。

展开 #用户消息 部分。

选择包含要关注的消息的脚本的 URL。

假设你的网页上有一个广告 (广告) 。 广告嵌入在 中， 并在 控制台中生成许多消息。 由于广告在不同的 JavaScript 上下文中运行，因此隐藏消息的一种方法是单击“ 控制台设置” () 按钮，然后选中“ 仅选定上下文”旁边的复选框。

在“筛选器”文本框中键入正则表达式，以/[gm][ta][mi]/筛选出与该模式不匹配的任何消息。 DevTools 检查是否在消息文本或导致记录消息的脚本中找到模式。

本部分包含与 在控制台中运行 JavaScript 相关的功能。 有关动手演练，请参阅 运行 JavaScript。

按 向上键 可循环浏览之前在 控制台中运行的 JavaScript 表达式的历史记录。 按 Enter 再次运行该表达式。

如果你发现自己在 控制台 中反复键入相同的 JavaScript 表达式，你可能会发现创建 实时表达式更容易。 使用 实时表达式时，键入一次表达式，然后将其固定到 主机顶部。 表达式的值几乎实时更新。 请参阅 使用实时表达式监视Real-Time中的 JavaScript 表达式值。

在控制台中键入 JavaScript 表达式时，预先评估会显示返回值的预览。 若要关闭返回值预览：：

键入表达式时， 控制台 的自动完成弹出窗口将显示之前运行的表达式。 表达式预写有 > 字符。 若要停止显示历史记录中的表达式，请单击“主机设置 () 按钮，然后清除“从历史记录中自动完成”复选框旁边的复选框。

在下图中， document.querySelector('a') 和 document.querySelector('img') 是前面计算的表达式。

默认情况下，JavaScript 上下文下拉列表设置为顶部，表示main网页的浏览上下文。

假设你的网页上有一个 广告嵌入到 中，并且你想要运行 JavaScript 来调整广告的 DOM。 单击 “JavaScript 上下文” 下拉列表，然后选择广告的浏览上下文：

若要清除控制台，请使用以下任一方法：

单击“ 清除主机” () ”。

右键单击邮件，然后选择“ 清除控制台”。

在控制台中键入 clear() ，然后按 Enter。

从网页的 JavaScript 调用 console.clear() 。

当主机处于焦点时，按 Ctrl+L 。

注意

此页面的部分内容是基于 Google 创建和 共享 的工作进行的修改，并根据 Creative Commons 署名 4.0 国际许可中所述的条款使用。 原始页面 在此处 找到，由 凯斯·巴斯克 (技术作家、Chrome DevTools & Lighthouse) 创作。

此作品根据 Creative Commons 署名 4.0 国际许可获得许可。