chrome.contentSettings

使用 chrome.contentSettings API 更改用于控制网站是否可以使用 Cookie、JavaScript 和插件等功能的设置。更一般地说，内容设置可让您针对每个网站（而非全局）自定义 Chrome 的行为。 您必须在扩展程序的清单中声明 "contentSettings" 权限，才能使用该 API。例如： 您可以使用模式来指定每项内容设置影响的网站。例如， https://*.youtube.com/* 指定了 youtube.com 及其所有子网域。内容设置模式的语法与

• Chrome এক্সটেনশন

chrome.bookmarks

此权限会 触发警告 。 使用 chrome.bookmarks API 创建、整理和以其他方式处理书签。另请参阅 替换页面 ，您可以使用该页面创建自定义书签管理器页面。 您必须在 扩展程序清单 中声明“书签”权限，才能使用 Bookmarks API。例如： 书签采用树状结构，其中树中的每个节点都是一个书签或文件夹（有时称为 组 ）。树中的每个节点都由 bookmarks.BookmarkTreeNode 对象表示。 BookmarkTreeNode 属性在整个 chrome.bookmarks

• Chrome এক্সটেনশন

chrome.bookmarks

使用 chrome.bookmarks API 创建、整理和以其他方式处理书签。另请参阅 替换页面 ，您可以使用该页面创建自定义书签管理器页面。 您必须在 扩展程序清单 中声明“书签”权限，才能使用 Bookmarks API。例如： 书签采用树状结构，其中树中的每个节点都是一个书签或文件夹（有时称为 组 ）。树中的每个节点都由 bookmarks.BookmarkTreeNode 对象表示。 BookmarkTreeNode 属性在整个 chrome.bookmarks API

• Chrome এক্সটেনশন

chrome.contentSettings

使用 chrome.contentSettings API 更改用于控制网站是否可以使用 Cookie、JavaScript 和插件等功能的设置。更一般地说，内容设置可让您针对每个网站（而非全局）自定义 Chrome 的行为。 您必须在扩展程序的清单中声明“contentSettings”权限，才能使用该 API。例如： 您可以使用模式来指定每项内容设置影响的网站。例如， https://*.youtube.com/* 指定了 youtube.com 及其所有子网域。内容设置模式的语法与

• Chrome এক্সটেনশন

人工智能

Chrome 上的 AI 欢迎来到 AI 赋能的网络时代。了解 AI 如何让开发者更轻松地打造强大的 Web 体验。 重新构想 Chrome 专用 Gemini Nano 的强大功能。 内置 AI 我们将在 Chrome 中引入 Gemini Nano，这是 Gemini 生态系统中最高效的模型。 在客户端工作 客户端 AI 为用户带来强大的模型，同时保护数据隐私并缩短延迟时间。 开始使用 了解开始使用内置 AI 构建功能和应用时需满足的要求。 可用的 API 查看可在 Chrome 中与

调试 Gemini Nano

您可以访问 Chrome 内部的专用页面，详细了解向 Gemini Nano 显示的提示。本指南介绍了如何使用该工具进行调试。

Android 版 Chrome 边到边迁移指南

打造无边框 Web 体验

为 Android 版 Chrome 采用无边框设计做好准备

从 Chrome 135 开始，Android 版 Chrome 将采用无边框设计。

• Chrome

使用 Chrome 开发者工具进行高级网络分析

使用 Chrome 开发者工具进行高级网络分析。

• Chrome
• Chrome DevTools

弹出式窗口 = hint

探索用于简化提示和其他浮动元素的全新弹出式窗口模式。

• Chrome

WebGPU（Chrome 134）中的新变化

通过子组、改进了 D3D12 的着色器编译时间、移除了浮点可滤纹理类型支持作为可混合等功能，改进了机器学习工作负载。

• Chrome

chrome.app.runtime

使用 chrome.app.runtime API 管理应用生命周期。应用运行时会管理应用安装、控制活动页面，并且可以随时关闭应用。 任意（可选） 可选的开发者指定数据，要嵌入的应用在做出嵌入决策时可以使用这些数据。 字符串 void 允许 embedderId 将此应用嵌入 <appview> 元素中。 url 用于指定要嵌入的内容。 allow 函数如下所示： 字符串 void 阻止 embedderId 将此应用嵌入 <appview> 元素中。 deny

chrome.printing

使用 chrome.printing API 将打印作业发送到安装在 Chromebook 上的打印机。 您需要在 扩展程序清单 中声明 "printing" 权限，才能使用所有 chrome.printing 方法和事件。例如： 以下示例演示了如何使用打印命名空间中的每种方法。此代码复制自或基于 extensions-samples GitHub 代码库中的 api-samples/printing 。 以下示例使用 onJobStatusChanged 处理脚本来在 jobStatus

• Chrome এক্সটেনশন

chrome.userScripts

使用 userScripts API 在“用户脚本”上下文中执行用户脚本。 如需使用 User Scripts API ( chrome.userScripts )，请将 "userScripts" 权限添加到 manifest.json，并为您要运行脚本的网站添加 "host_permissions" 。 用户脚本是指注入到网页中用于修改其外观或行为的一小段代码。与其他扩展程序功能（例如 内容脚本 和 chrome.scripting API ）不同，用户脚本 API

• Chrome এক্সটেনশন

chrome.sessions

使用 chrome.sessions API 查询和恢复浏览会话中的标签页和窗口。 字符串 外部设备的名称。 会话 [] 外部设备的打开窗口会话列表，按修改时间从最近到最久排序。 编号（可选） 要从请求的列表中提取的条目数量上限。省略此参数可提取最大条目数 ( sessions.MAX_SESSION_RESULTS )。 数值 窗口或标签页关闭或修改的时间，以自公元纪年开始计算的秒数表示。 标签页 （可选） tabs.Tab （如果此条目描述的是标签页）。系统会设置此值或

• Chrome এক্সটেনশন

chrome.printing

使用 chrome.printing API 将打印作业发送到安装在 Chromebook 上的打印机。 您需要在 扩展程序清单 中声明 "printing" 权限，才能使用所有 chrome.printing 方法和事件。例如： 以下示例演示了如何使用打印命名空间中的每种方法。此代码复制自 extensions-samples GitHub 代码库中的 api-samples/printing ，或基于该代码库。 以下示例使用 onJobStatusChanged 处理脚本来在

• Chrome এক্সটেনশন

chrome.sessions

使用 chrome.sessions API 查询和恢复浏览会话中的标签页和窗口。 字符串 外部设备的名称。 会话 [] 外部设备的打开窗口会话列表，按修改时间从最近到最久排序。 编号（可选） 要从请求的列表中提取的条目数量上限。省略此参数可提取最大条目数 ( sessions.MAX_SESSION_RESULTS )。 数值 窗口或标签页关闭或修改的时间，以自公元纪年开始计算的秒数表示。 标签页 （可选） tabs.Tab （如果此条目描述的是标签页）。系统会设置此值或

• Chrome এক্সটেনশন

Chrome 134 开发者工具的新变化

隐私和安全面板、校准的 CPU 节流功能、“效果”中突出显示第一方和第三方广告资源、新的数据分析等。

• Chrome DevTools
• Chrome

chrome.i18n

使用 chrome.i18n 基础架构在整个应用或扩展程序中实现国际化。 如果扩展程序包含 /_locales 目录，则 manifest 必须定义 "default_locale" 。 您需要将其所有面向用户的字符串放入名为 messages.json 的文件中。每次添加新的语言区域时，您都需要在名为 /_locales/_localeCode_ 的目录下添加一个消息文件，其中 localeCode 是一个代码，例如英语的代码为 en 。 以下是支持英语 ( en )、西班牙语 ( es )

• Chrome এক্সটেনশন

在 Windows 上基于 Chromium 的浏览器中改进了文本渲染

Edge 团队添加了直接在 Chromium 中遵循 Windows ClearType 调谐器值的支持，从而改进了 Windows 上基于 Chromium 的浏览器中的文本渲染效果。

• Chrome

chrome.storage

使用 chrome.storage API 存储、检索和跟踪用户数据的更改。 如需使用 Storage API，请在扩展程序 manifest 中声明 "storage" 权限。例如： Storage API 提供了一种扩展程序专用的方法来保留用户数据和状态。它与 Web 平台的存储 API（ IndexedDB 和 Storage ）类似，但旨在满足扩展程序的存储需求。以下是一些关键功能： 虽然扩展程序可以在某些上下文（弹出式窗口和其他 HTML 页面）中使用 Storage 接口（可通过

• Chrome এক্সটেনশন

chrome.storage

使用 chrome.storage API 存储、检索和跟踪用户数据的更改。 Storage API 提供了一种扩展程序专用的方法来保留用户数据和状态。它类似于 Web 平台的存储 API（ IndexedDB 和 Storage ），但旨在满足扩展程序的存储需求。以下是一些关键功能： 虽然扩展程序可以在某些上下文（弹出式窗口和其他 HTML 页面）中使用 [ Storage ][mdn-storage] 接口（可通过 window.localStorage

• Chrome এক্সটেনশন

LCP 图片子部分和 RTT 现已在 CrUX 中推出

了解 2025 年 2 月版本中 Chrome 用户体验报告 (CrUX) 的变更，包括 LCP 图片子部分、LCP 资源类型和 RTT。

• Chrome

Dimensions

关于 CrUX 维度的技术文档。

• Chrome UX রিপোর্ট

Docs

构建任何应用所需的代码示例、指南和 API 参考文档。

Chrome for Developers

帮助您在网络上构建应用、发展业务和开展创新。

• Chrome

在播放媒体时自动进入画中画模式

Chrome 允许播放媒体的网络应用自动进入画中画模式。

• Chrome

Chrome 134 Beta 版

探索即将推出的 Chrome 最新功能。

• Chrome

扩展程序 / 开始使用

开始使用 Chrome 扩展程序的所有基本知识

• Chrome এক্সটেনশন

chrome.enterprise.platformKeys

使用 chrome.enterprise.platformKeys API 生成密钥并为这些密钥安装证书。证书将由平台管理，可用于 TLS 身份验证、网络访问，或由其他扩展程序通过 chrome.platformKeys 使用。 如需使用此 API 注册客户端证书，请按以下步骤操作： 使用 enterprise.platformKeys.getTokens 获取所有可用令牌。 找到 id 等于 "user" 的令牌。之后使用此令牌。 使用 generateKey 令牌方法（在

• Chrome এক্সটেনশন

chrome.enterprise.platformKeys

使用 chrome.enterprise.platformKeys API 生成密钥并为这些密钥安装证书。证书将由平台管理，可用于 TLS 身份验证、网络访问，或由其他扩展程序通过 chrome.platformKeys 使用。 如需使用此 API 注册客户端证书，请按以下步骤操作： 使用 enterprise.platformKeys.getTokens() 获取所有可用令牌。 找到 id 等于 "user" 的令牌。之后使用此令牌。 使用 generateKey() 令牌方法（在

• Chrome এক্সটেনশন

Chrome 133

CSS 高级 attr()、text-box-trim、scroll-state 容器查询等。

• Chrome

Chrome 133 中的新变化

Chrome 133 现已发布！还有一些令人兴奋的新 CSS 功能和更多内容等您探索。

• Chrome

PWA 的标签页式应用模式

借助标签式应用模式，渐进式 Web 应用开发者可以向其独立的 PWA 中添加标签式文档界面。

利用应用专用历史记录提升用户的浏览体验

如何在 Android 应用中使用应用专用历史记录

使用暂存自定义标签页为用户改善网络隐私保护

如何在 Android 应用中使用短时性自定义标签页

使用适用于 Android 的 Auth Tab 改进基于 Web 的登录流程

使用适用于 Android 的 Auth Tab 改进基于 Web 的身份验证

• Chrome

使用“Auth”标签页简化身份验证

如何在 Android 应用中使用专用身份验证标签页

在 Chrome 自定义标签页中使用应用专用历史记录，深化用户互动

为 Android 版 Chrome 自定义标签页引入应用专用历史记录

• Chrome

chrome.runtime

使用 chrome.runtime API 检索服务工件、返回清单的详细信息，以及监听和响应扩展程序生命周期中的事件。您还可以使用此 API 将网址的相对路径转换为完全限定网址。 Runtime API 提供了多种方法来支持您的扩展程序可使用的多种功能领域： 运行时 API 上的大多数方法 不需要 任何权限，但 sendNativeMessage 和 connectNative 需要 nativeMessaging 权限。 以下示例展示了如何在清单中声明 nativeMessaging 权限：

• Chrome এক্সটেনশন

chrome.permissions

使用 chrome.permissions API 在运行时（而不是安装时）请求 声明的可选权限 ，以便用户了解需要这些权限的原因，并仅授予必要的权限。 权限警告旨在说明 API 授予的功能，但其中一些警告可能并不明显。借助 Permissions API，开发者可以解释权限警告并逐步引入新功能，让用户能够无风险地了解扩展程序。这样，用户可以指定他们愿意授予的访问权限级别以及想要启用的功能。 例如， 可选权限扩展程序 的核心功能会替换新标签页。其中一个功能是显示用户当天的目标。此功能仅需要

• Chrome এক্সটেনশন

chrome.permissions

使用 chrome.permissions API 在运行时（而不是安装时）请求 声明的可选权限 ，以便用户了解需要这些权限的原因，并仅授予必要的权限。 权限警告旨在说明 API 授予的功能，但其中一些警告可能并不明显。借助 Permissions API，开发者可以解释权限警告并逐步引入新功能，让用户能够无风险地了解扩展程序。这样，用户可以指定他们愿意授予的访问权限级别以及他们想要启用的功能。 例如， 可选权限扩展程序 的核心功能会替换新标签页。其中一个功能是显示用户当天的目标。此功能仅需要

• Chrome এক্সটেনশন

Chrome 133 开发者工具的新变化

持久性 AI 聊天记录、更出色的导航功能、效果页面中的“忽略商家信息”和“堆栈轨迹”功能、新的“新变化”面板等。

• Chrome
• Chrome DevTools

2025 年 1 月 Chrome 扩展程序的变化

概要介绍 Chrome 扩展程序近期的变化，以及开发者可以期待的即将推出的扩展程序功能。

• Chrome
• Chrome এক্সটেনশন

WebGPU（Chrome 133）中的新变化

新增了 unorm8x4-bgra 和 1 个组成部分的顶点格式，允许使用未定义值请求未知限制，WGSL 对齐规则发生变化，WGSL 性能因舍弃而提升，等等。

• Chrome
• WebGpu

使用 Prompt API 进行会话管理的最佳实践

本指南介绍了使用 Prompt API 进行会话管理的最佳实践。

版本说明

了解影响开发者的 Chrome 变更

• Chrome

Chrome 中的新变化

Chrome 中的新变化 参阅我们的文档和博客，了解 Chrome 的最新动态。 新增了内容和重大文档更新。 article LLM 如何流式传输回答 新增了文档，介绍了在 AI 中，服务器和客户端的流式数据的运作方式。 article Chrome 应用商店的通知和申诉 Chrome 应用商店的通知和申诉流程已更新。 article 源试用中的 AI API 从 Chrome 131 开始，Translator API、Summarizer API 和 Prompt API for

Chrome 应用商店政策更新：确保向开发者提供清晰且一致的信息

Chrome 应用商店致力于为开发者和用户打造优质且值得信赖的生态系统。为实现这一目标，我们将宣布一系列政策更新，以确保在整个 YouTube 平台上做到清晰明确和一致。这些更新涉及功能、内容标准和开发者指南的关键领域。 我们正在简化 申诉流程 ，以提高效率并提高透明度。今后，对于每项违反政策的行为，开发者只能提出一次申诉。判定结果确定后，开发者将无法重新提出申诉。 为了与更广泛的 Google 产品政策保持一致，我们将更新 用词 ，明确禁止在 Chrome

• Chrome এক্সটেনশন
• Chrome

LLM 如何流式传输回答

了解什么是流式传输，以及它如何与 AI 和 LLM 搭配使用。

简化了通行密钥的 WebAuthn 功能检测

了解如何使用 `getClientCapabilities()` 检测 WebAuthn 功能，以及如何为用户量身定制身份验证工作流。

• Chrome
• পাসকী

使用内置 AI 进行翻译

借助内置的 Translator API，您可以将任意内容从源语言翻译为目标语言。参与源试用，体验一下该 API。

呈现流式 LLM 回答的最佳实践

请遵循这些前端最佳实践，使用支持流式传输的 API（例如 Prompt API）显示来自 Gemini 的流式响应。

在节能模式下冻结

从 Chrome 133 开始，当节能模式处于启用状态时，符合条件且占用大量 CPU 的后台标签页将被冻结。

• Chrome

开发者工具提示

开发者工具提示

• Chrome DevTools

媒体

改进将图片、视频等内容添加到您的网站和 Web 应用的方式。

Google 密码管理工具中的通行密钥现已在 iOS 设备上推出

在 iOS 17 或更高版本上，Chrome 现在可以在 Google 密码管理工具 (GPM) 中创建、同步和使用通行密钥进行身份验证。这样一来，您就可以在任何安装了 Chrome 的设备上使用 GPM 中的通行密钥。

• Chrome
• পাসকী

CSS scroll-state()

与容器查询类似，但适用于卡住、固定和溢出查询。

• Chrome

Chrome 133 Beta 版

了解 Chrome 中推出的最新功能。

• Chrome

CSS attr() 已升级

现在，您可以将 attr() 与任何 CSS 属性（包括自定义属性）搭配使用，并且它可以将值解析为字符串以外的数据类型。

• Chrome

Chrome Extensions

了解如何开发 Chrome 扩展程序。

• Chrome এক্সটেনশন

CSS text-box-trim

从文本内容上方和下方留出空间，实现视觉平衡。

• Chrome

Chrome 132 中的新变化

Chrome 132 现已发布！Dialog 元素会获取 ToggleEvent，支持元素级视频共享，并且 FileSystem Access API 支持 Android 和 WebView。

• Chrome

Chrome 132

适用于对话框的 ToggleEvent、对元素级视频共享的支持，以及支持 Android 和 WebView 的文件系统访问 API 等。

• Chrome

如何将 Gemini 引入 Chrome 开发者工具

了解开发者工具中全新 AI 辅助面板的有趣和精彩用例

• Chrome DevTools
• Chrome

chrome.sockets.udp

使用 chrome.sockets.udp API 通过 UDP 连接在网络上发送和接收数据。此 API 取代了之前在“socket”API 中找到的 UDP 功能。 必须在 清单 中声明以下键才能使用此 API。 数值 新创建的套接字的 ID。请注意，通过此 API 创建的套接字 ID 与通过其他 API（例如已废弃的 [ socket ](../socket/) API）创建的套接字 ID 不兼容。 DNS 解析偏好设置。默认值为 any ，并使用当前的操作系统配置，该配置可能会返回

chrome.tabs

使用 chrome.tabs API 与浏览器的标签页系统进行交互。您可以使用此 API 在浏览器中创建、修改和重新排列标签页。 Tabs API 不仅提供用于操作和管理标签页的功能，还可以检测标签页的 语言 、截取 屏幕截图 ，以及与标签页的内容脚本进行 通信 。 大多数功能无需任何权限即可使用。例如： 创建 新标签页、 重新加载 标签页、 导航 到其他网址等。 开发者在使用 Tabs API 时应注意三项权限。 此权限不会授予对 chrome.tabs

• Chrome এক্সটেনশন

chrome.tabs

使用 chrome.tabs API 与浏览器的标签页系统进行交互。您可以使用此 API 在浏览器中创建、修改和重新排列标签页。 Tabs API 不仅提供用于操作和管理标签页的功能，还可以检测标签页的 语言 、截取 屏幕截图 ，以及与标签页的内容脚本进行 通信 。 大多数功能无需任何权限即可使用。例如： 创建 新标签页、 重新加载 标签页、 导航 到其他网址等。 开发者在使用 Tabs API 时应注意三项权限。 以下示例展示了如何在 manifest 中声明每项权限：

• Chrome এক্সটেনশন

不再支持 Web Vitals 扩展程序

Web Vitals 扩展程序与 DevTools 已合并，对该扩展程序的支持已结束。

• Chrome DevTools
• Chrome

内置 AI 挑战赛获胜者

了解内置 AI 挑战赛的获胜应用和扩展程序。我们邀请您在 Chrome 中使用 Gemini Nano 重新构想各种可能性。

• Chrome

从任何元素捕获视频流

Element Capture API 是一种高性能且可靠的方式，用于将当前标签页的捕获转换为 DOM 子树的捕获。

chrome.ttsEngine

使用 chrome.ttsEngine API 通过扩展程序实现文本转语音(TTS) 引擎。如果您的扩展程序使用此 API 进行注册，那么当任何扩展程序或 Chrome 应用使用 tts API 生成语音时，该扩展程序将会收到包含要朗读的语音和其他参数的事件。然后，您的扩展程序可以使用任何可用的 Web 技术来合成和输出语音，并将事件发送回调用函数以报告状态。 扩展程序可以将自己注册为语音引擎。这样，它就可以拦截对 tts.speak() 和 tts.stop()

• Chrome এক্সটেনশন

chrome.cookies

使用 chrome.cookies API 查询和修改 Cookie，并在 Cookie 发生更改时收到通知。 如需使用 Cookie API，您必须在清单中声明“Cookie”权限，以及您要访问 Cookie 的所有主机的 主机权限 。例如： 借助 分区 Cookie ，网站可以标记某些 Cookie 应采用顶级框架的来源作为键。这意味着，如果网站 A 使用 iframe 嵌入到网站 B 和网站 C 中，则分区 Cookie 在每个网站中可以具有不同的值。 chrome.cookies

• Chrome এক্সটেনশন

chrome.ttsEngine

使用 chrome.ttsEngine API 通过扩展程序实现文本转语音(TTS) 引擎。如果您的扩展程序使用此 API 进行注册，那么当任何扩展程序或 Chrome 应用使用 tts API 生成语音时，该扩展程序将收到包含要朗读的语音和其他参数的事件。然后，您的扩展程序可以使用任何可用的 Web 技术来合成和输出语音，并将事件发送回调用函数以报告状态。 扩展程序可以将自己注册为语音引擎。这样一来，它就可以拦截对 tts.speak 和 tts.stop

• Chrome এক্সটেনশন

chrome.cookies

使用 chrome.cookies API 查询和修改 Cookie，并在 Cookie 发生更改时收到通知。 如需使用 Cookie API，请在清单中声明 "cookies" 权限，并为您要访问 Cookie 的所有主机声明 主机权限 。例如： 借助 分区 Cookie ，网站可以标记某些 Cookie 应采用顶级框架的来源作为键。例如，这意味着，如果网站 A 使用 iframe 嵌入到网站 B 和网站 C 中，则来自 A 的分区 Cookie 的嵌入版本在 B 和 C 中可以具有不同的值。

• Chrome এক্সটেনশন

chrome.appviewTag

使用 appview 标记在您的 Chrome 应用中嵌入其他 Chrome 应用。详情请参阅 用法 。 对象 可选的开发者指定数据，要嵌入的应用在做出嵌入决策时可以使用这些数据。 字符串 发送嵌入请求的应用的 ID。 void 允许嵌入请求。 allow 函数如下所示： 字符串 指定要嵌入的内容。 void 阻止嵌入请求。 deny 函数如下所示： 请求嵌入其他应用。 字符串 要嵌入的应用的扩展程序 ID。 任意（可选） 可选的开发者指定数据，要嵌入的应用在做出嵌入决策时可以使用这些数据。

使用 XFO 或 CSP 防范点击盗用

详细了解如何防范点击劫持攻击。

WebGPU（Chrome 132）中的新变化

纹理视图使用、32 位浮点纹理混合、GPUDevice adapterInfo 属性、使用无效格式配置画布上下文会抛出 JavaScript 错误、过滤纹理上的采样器限制、扩展的子组实验、改进开发者体验、对 16 位归一化纹理格式的实验性支持等。

• Chrome
• WebGpu

Chrome 扩展程序的新变化

Chrome 扩展程序平台、文档和政策近期的变化

• Chrome এক্সটেনশন

WebGPU

通过指南、演示和最新资讯了解 WebGPU

使用 Chrome 构建

查看 Chrome 的最新稳定版和 Beta 版中包含的内容。

收款

了解如何在 Chrome 中使用最新的 Payment API

隐私和安全

了解 Chrome 的隐私保护和安全功能。

应用

弃用了技术，可打造对底层操作系统拥有更多访问权限的体验。

木偶操作师

一个 Node.js 库，可提供用于控制无头 Chrome 或 Chromium 的高级 API

Android 设备上的 Web

了解 Chrome 用于开发 Android 网络应用的功能。

chrome.certificateProvider

使用此 API 将证书公开给平台，平台可以使用这些证书进行 TLS 身份验证。 如需使用此 API 向 ChromeOS 公开客户端证书，请按以下步骤操作： 实际步骤顺序可能会有所不同。例如，如果使用用于自动选择证书的企业政策，系统将不会要求用户选择证书（请参阅 AutoSelectCertificateForUrls 和 面向用户的 Chrome 政策 ）。 在扩展程序中，这可能类似于以下代码段： 支持的加密签名算法类型。 "RSASSA_PKCS1_v1_5_MD5_SHA1" 使用

• Chrome এক্সটেনশন

chrome.extension

chrome.extension API 包含可供任何扩展程序页面使用的实用程序。它支持在扩展程序及其内容脚本之间或扩展程序之间交换消息，如 消息传递 中所详述。 扩展程序视图的类型。 "tab" "popup" 对于在无痕式标签页中运行的内容脚本，以及在无痕式进程中运行的扩展程序页面，此值为 true。后者仅适用于具有“split”incognito_behavior 的扩展程序。 布尔值 返回当前扩展程序中运行的后台页面的

• Chrome এক্সটেনশন

灯塔

使用 Lighthouse 自动执行网站性能审核

效果

使用 Chrome 的性能工具优化您的 Web 应用的性能。

chrome.system.display

使用 system.display API 查询显示元数据。 一个枚举，用于指明系统是否检测到显示屏并使用了显示屏。如果系统未检测到显示屏（可能已断开连接，或因进入休眠模式等原因而被视为已断开连接），则系统会将显示屏视为“非活跃”。例如，此状态用于在所有显示屏断开连接时保留现有显示屏。 "active" "inactive" 数值 显示屏的高度（以像素为单位）。 数值 左上角的 x 坐标。 数值 左上角的 y 坐标。 数值 显示屏的宽度（以像素为单位）。 字符串 显示屏的唯一标识符。 数值

• Chrome এক্সটেনশন

chrome.system.display

使用 system.display API 查询显示元数据。 一个枚举，用于指明系统是否检测到显示屏并使用了显示屏。如果系统未检测到显示屏（可能已断开连接，或因进入休眠模式等原因而被视为已断开连接），则系统会将显示屏视为“非活跃”。例如，此状态用于在所有显示屏断开连接时保留现有显示屏。 "active" "inactive" 数值 显示屏的高度（以像素为单位）。 数值 左上角的 x 坐标。 数值 左上角的 y 坐标。 数值 显示屏的宽度（以像素为单位）。 字符串 显示屏的唯一标识符。 数值

• Chrome এক্সটেনশন

chrome.action

使用 chrome.action API 控制 Google Chrome 工具栏中的扩展程序图标。 必须在 清单 中声明以下键才能使用此 API。 如需使用 chrome.action API，请指定 3 的 "manifest_version" ，并在 清单文件 中添加 "action" 键。 "action" 键（及其子项）是可选的。如果未包含该图标，您的扩展程序仍会显示在工具栏中，以便用户访问扩展程序的菜单。因此，我们建议您始终至少添加 "action" 和 "default_icon"

• Chrome এক্সটেনশন

浏览器支持

自定义标签页功能及其浏览器可用性概览。

身份

了解 Chrome 的身份功能，例如网络身份验证。

chrome.commands

使用 Commands API 添加可在扩展程序中触发操作的键盘快捷键，例如用于打开浏览器操作或向扩展程序发送命令的操作。 必须在 清单 中声明以下键才能使用此 API。 借助 Commands API，扩展程序开发者可以定义特定命令，并将其绑定到默认的按键组合。扩展程序接受的每个命令都必须在 扩展程序清单 中声明为 "commands" 对象的属性。 属性键将用作命令的名称。命令对象可以采用两个属性。

• Chrome এক্সটেনশন

使用远程调试时不支持此操作

某些 WebDriver 命令（例如调整浏览器窗口大小）需要将 Chrome 扩展程序加载到浏览器中。ChromeDriver 通常会在每次启动新的 Chrome 会话时加载此“自动化扩展程序”。 不过，ChromeDriver 可以被指示连接到现有 Chrome 会话，而不是启动新的会话。为此，请使用 Capabilities （也称为

ChromeOS

所有 ChromeOS 测试映像均在 /usr/local/chromedriver/ 中安装了 ChromeDriver 二进制文件。该二进制文件会更新为该测试映像中的相同版本的 Chrome。也就是说，您始终使用的是最新版 ChromeDriver。 如果您的测试预计将针对 ChromeDriver 二进制文件的稳定 build 运行，您需要在测试中编写自己的代码来下载特定二进制文件，并替换 /usr/local/chromedriver/ 中的二进制文件。 您可以编写一个使用

WebView 概览

WebView 组件基于 Chromium 开源项目。

chrome.certificateProvider

使用此 API 将证书公开给平台，平台可以使用这些证书进行 TLS 身份验证。 如需使用此 API 向 ChromeOS 公开客户端证书，请按以下步骤操作： 实际步骤顺序可能会有所不同。例如，如果使用自动选择证书的企业政策，系统就不会要求用户选择证书（请参阅 AutoSelectCertificateForUrls 和 面向用户的 Chrome 政策 ）。 在扩展程序中，这可能类似于以下代码段： 支持的加密签名算法类型。 "RSASSA_PKCS1_v1_5_MD5_SHA1" 使用

• Chrome এক্সটেনশন

chrome.extension

chrome.extension API 包含可供任何扩展程序页面使用的实用程序。它支持在扩展程序及其内容脚本之间或扩展程序之间交换消息，如 消息传递 中所详述。 扩展程序视图的类型。 "tab" "popup" 对于在无痕式标签页中运行的内容脚本，以及在无痕式进程中运行的扩展程序页面，此值为 true。后者仅适用于具有“split”incognito_behavior 的扩展程序。 布尔值 请使用 runtime.lastError 。 如果异步扩展程序 API

• Chrome এক্সটেনশন

性能日志

ChromeDriver 支持性能日志记录，您可以通过该日志获取“时间轴”“网络”和“网页”网域的事件，以及指定轨迹类别的 轨迹数据 。 默认情况下，系统不会启用性能日志记录功能。因此，在创建新会话时，您必须启用此功能。 启用后，性能日志会收集时间轴、网络和网页事件。如需同时启用跟踪功能或自定义性能日志记录，请继续阅读。 查看由 Michael Klepikov 撰写的 使用默认选项的性能日志记录完整示例 。 Angular Benchpress 也使用性能日志记录。

下载内容

以下是支持较低版本 Chrome 的 ChromeDriver 版本。 如需详细了解如何选择正确的 ChromeDriver 版本，请参阅 版本选择 页面。 支持 Chrome 114 版 如需了解详情，请参阅 版本说明 。 支持 Chrome 114 版 如需了解详情，请参阅 版本说明 。 支持 Chrome 113 版 如需了解详情，请参阅 版本说明 。 支持 Chrome 113 版 如需了解详情，请参阅 版本说明 。 支持 Chrome 112 版 如需了解详情，请参阅 版本说明 。

ChromeDriver 崩溃

如需诊断和修复 ChromeDriver 崩溃问题，您可以选择以下几种方法。这仅适用于 ChromeDriver 崩溃，而非 Chrome 崩溃或关闭。 在 Windows 上，您可能会看到如下内容： 创建一个重现问题的用例，以便 ChromeDriver 贡献者使用该用例来重现和调试问题。即使崩溃并非 100% 发生，也无妨。 请提交 bug 并附上重现问题的测试用例。这通常是获得帮助的最快方式。 如需创建和调试崩溃转储，您需要使用调试版 ChromeDriver。我们没有

Chrome 无法立即启动或崩溃

使用特殊的测试框架（可能是 IDE）或持续构建系统（例如 Jenkins）运行 ChromeDriver 或 Chrome 时，这种情况经常会发生。 尝试从普通用户命令提示符启动与您的测试使用的相同 Chrome 二进制文件。确认 chromedriver.log 文件中使用的 Chrome 二进制文件。如果您向 Chrome 传递特殊的命令行开关或参数，请务必也将它们包含在内。如果 Chrome 未能正常启动，您需要修正 Chrome 的安装。请尝试重新安装。 假设您可以通过命令提示运行

功能和 ChromeOptions

功能是可用于自定义和配置 ChromeDriver 会话的选项。

移动设备模拟

Chrome 允许用户通过 使用 Chrome 开发者工具启用设备模式 ，在桌面版 Chrome 中模拟移动设备上的 Chrome。此功能可加快 Web 开发速度，让开发者无需使用真实设备，即可快速测试网站在移动设备中的呈现方式。ChromeDriver 还可以使用字典值指定的“mobileEmulation”功能来模拟设备。 与开发者工具一样，ChromeDriver 中也有两种方法可以启用移动设备模拟： “mobileEmulation”字典的格式取决于所需的方法。

键盘支持

目前，ChromeDriver 仅支持配置了美国键盘的系统。 当 ChromeDriver 检测到此状态时，会记录以下内容： 没有美国键盘的用户在执行 sendKeys 或 TypeElement 命令时可能会遇到按键丢失的问题。 作为一种权宜解决方法，我们建议此类用户在系统配置中将采用 QWERTY 布局的美国键盘添加为次要选项。这样一来，ChromeDriver 便可使用美国键盘配置。 一如既往，ChromeDriver 是一个开源项目，我们欢迎您贡献代码。

Android

最新的 ChromeDriver 二进制文件 已打包为适用于各种主机平台的 ZIP 文件。 您可以在 下载 部分找到较低版本的 ChromeDriver。 ChromeDriver 支持在 Chrome 浏览器（30 及更高版本）以及启用了 Web 调试 和 JavaScript 的 Android 4.4 (KitKat) 及更高版本中基于 WebView 的应用上运行测试。 您可以通过以下方式安装 Chrome 应用： 稳定版：

安全注意事项

ChromeDriver 是一款功能强大的工具，如果落入坏人手中，可能会造成危害。 使用 ChromeDriver 时，请遵循以下建议：

Canary 版

ChromeDriver Canary 版包含最新的 ChromeDriver 功能。系统每天都会构建和提供多个新的二进制文件。 请注意，此版本专为开发者和早期采用者设计，有时可能会完全崩溃。 从 M115 开始，Chrome 测试版可用性信息中心会提供每个发布渠道（包括 Canary 渠道）的最新 Chrome + ChromeDriver 版本。如需自动下载版本，您可以使用方便的 JSON 端点。 对于较低版本，您可以按如下方式找到 Canary build： 通常，最好选择最新的

自动填充功能的实际运作：真实数据洞见

Chrome 的一项研究表明，启用自动填充功能后，用户填写表单的速度更快，放弃率更低。

• Chrome

针对可自定义的“开发者反馈”表单的选择请求的调查结果

感谢您抽出宝贵时间与我们分享您的反馈、审核详细信息并帮助制定标准。

• Chrome

开始使用内置 AI

了解开始使用内置 AI 构建功能和应用时需满足的要求。

内置 AI 的语言检测

Language Detector API 在 Web 和浏览器中提供内置的语言发现功能。

如何使用分配时间轴工具

使用“分配时间轴”工具查找未正确进行垃圾回收且继续保留内存的对象。

• Chrome DevTools

避免使用未合成的动画

如何通过 Lighthouse 审核。

Chrome 132 开发者工具的新变化

使用 Gemini 调试网络请求、源文件和性能轨迹，查看 AI 聊天记录等。

• Chrome
• Chrome DevTools

CSS Wrapped 2024

加入 Chrome DevRel 团队和滑板 Chrome Dino，一起探索 2024 年为 Chrome 和 Web 平台推出的最新 CSS。

使用 DevTools 记录和分析性能轨迹

使用 DevTools 记录和分析性能轨迹。

• Chrome DevTools
• Chrome

内存术语

本部分介绍内存分析中的常用术语，适用于不同语言的各种内存分析工具。

• Chrome DevTools

查看和修改扩展程序存储空间

如何使用“扩展程序存储空间”面板查看和修改扩展程序存储空间。

• Chrome DevTools

chrome.socket

使用 chrome.socket API 通过 TCP 和 UDP 连接在网络上发送和接收数据。 注意 ：从 Chrome 33 开始，此 API 已废弃，取而代之的是 sockets.udp 、 sockets.tcp 和 sockets.tcpServer API。 数值 number 可选 已接受的套接字的 ID。 数值 新创建的套接字的 ID。 字符串 可用的 IPv4/6 地址。 字符串 适配器的底层名称。在 *nix 上，这通常为“eth0”“lo”等。 数值 前缀长度

chrome.bluetoothSocket

使用 chrome.bluetoothSocket API 通过 RFCOMM 和 L2CAP 连接向蓝牙设备发送和接收数据。 必须在 清单 中声明以下键才能使用此 API。 "system_error" 系统发生错误，连接可能无法恢复。 "not_listening" 套接字未监听。 AcceptError 一个错误代码，用于指明出现了什么问题。 字符串 错误消息。 数值 服务器套接字标识符。 数值 客户端套接字标识符，即新建立的连接的套接字标识符。此套接字标识符应仅与

chrome.browser

使用 chrome.browser API 与与当前应用和 Chrome 个人资料关联的 Chrome 浏览器进行交互。 字符串 新标签页初次打开时要导航到的网址。 在与当前应用和 Chrome 个人资料关联的浏览器窗口中打开新标签页。如果未打开 Chrome 个人资料的浏览器窗口，系统会先打开一个新窗口，然后再创建新标签页。 OpenTabOptions 配置标签页的打开方式。 函数（可选） callback 参数如下所示： Promise<void> 只有 Manifest V3

chrome.syncFileSystem

使用 chrome.syncFileSystem API 在 Google 云端硬盘上保存和同步数据。此 API 不适用于访问存储在 Google 云端硬盘中的任意用户文档。它提供应用专用可同步存储空间，以供离线和缓存使用，这样一来，相同的数据便可在不同的客户端中使用。如需详细了解如何使用此 API，请参阅 管理数据 。 "last_write_win" “manual” SyncAction （可选） 执行的同步操作，用于触发 onFileStatusChanged 事件。操作值可以是

chrome.bluetooth

使用 chrome.bluetooth API 连接到蓝牙设备。所有函数均通过 chrome.runtime.lastError 报告失败。 必须在 清单 中声明以下键才能使用此 API。 字符串 适配器的地址，格式为“XX:XX:XX:XX:XX:XX”。 布尔值 指示适配器是否可用（即是否已启用）。 布尔值 指示适配器当前是否正在进行发现。 字符串 适配器的直观易懂的名称。 布尔值 指示适配器是否已接通电源。 FilterType （过滤条件类型）- 可选

chrome.mdns

使用 chrome.mdns API 通过 mDNS 发现服务。这包含 NSD 规范的部分功能：http://www.w3.org/TR/discovery-api/ 字符串 mDNS 通告服务的 IP 地址。 字符串[] mDNS 通告服务的元数据。 字符串 mDNS 通告服务的主机：端口对。 字符串 mDNS 通告服务的服务名称，... onServiceList 事件中包含的服务实例的数量上限。如果有更多实例可用，系统可能会从 onServiceList 事件中截断这些实例。 2048

chrome.serial

使用 chrome.serial API 对连接到串行端口的设备执行读写操作。 number 可选 请参阅 ConnectionOptions.bitrate 。如果使用非标准比特率，或者在查询底层设备时发生错误，此字段可能会被省略或不准确。 数值 查看 ConnectionOptions.bufferSize 数值 串行端口连接的 ID。 布尔值（可选） 请参阅 ConnectionOptions.ctsFlowControl 。如果在查询底层设备时发生错误，则可以省略此字段。

chrome.bluetoothLowEnergy

chrome.bluetoothLowEnergy API 用于使用 Generic Attribute Profile (GATT) 与蓝牙智能 (Low Energy) 设备通信。 必须在 清单 中声明以下键才能使用此 API。 ManufacturerData [] 可选 要包含在广告数据的“制造商专用数据”字段中的制造商专用数据的列表。 ServiceData [] 可选 要包含在广告数据的“服务数据”字段中的服务数据列表。 string[] 可选 要添加到广告数据的“服务

chrome.webviewTag

使用 webview 标记可通过网络主动加载来自网络的直播内容，并将其嵌入到 Chrome 应用中。您的应用可以控制 webview 的外观，与网络内容互动，在嵌入的网页中发起导航，对其中发生的错误事件做出响应，等等（请参阅 用法 ）。 用于确定 clearData 应清除哪些数据的选项。 number 可选 清除在此日期当天或之后累积的数据，以从公元纪年起算的毫秒数表示（可通过 JavaScript Date 对象的 getTime 方法访问）。如果不存在，则默认为 0

chrome.fontSettings

使用 chrome.fontSettings API 管理 Chrome 的字体设置。 如需使用 Font Settings API，您必须在 扩展程序清单 中声明 "fontSettings" 权限。例如： Chrome 允许某些字体设置取决于某些通用字体系列和语言脚本。例如，用于 sans-serif 简体中文的字体可能与用于 serif 日语的字体不同。 Chrome 支持的通用字体系列基于 CSS 通用字体系列 ，并在 GenericReference

• Chrome এক্সটেনশন

chrome.usb

使用 chrome.usb API 与已连接的 USB 设备进行互动。此 API 可从应用上下文中访问 USB 操作。借助此 API，应用可以充当硬件设备的驱动程序。通过设置 runtime.lastError 并执行函数的常规回调来报告此 API 生成的错误。在这种情况下，回调的常规参数将未定义。 布尔值 这是有效配置吗？ number 配置编号。 字符串（可选） 配置说明。 ArrayBuffer 与此配置相关联的额外描述符数据。 InterfaceDescriptor [] 可用的接口。

Prompt API

探索 Prompt API 在 Chrome 扩展程序中的无限可能。

扩展程序和 AI

了解如何利用 AI 技术开发扩展程序

• Chrome এক্সটেনশন

“性能数据分析”面板已废弃

实验性“效果数据分析”面板将于 2025 年 1 月移除，取而代之的是“效果”面板中提供的新数据分析。

• Chrome DevTools
• Chrome

使用强大的 HSTS 政策

详细了解如何配置强大的 HTTP 严格传输安全协议 (HSTS) 政策

Chrome DevTools

探索 AI 助理的最新动态和应用场景

• Chrome DevTools

chrome.desktopCapture

Desktop Capture API 可截取屏幕、单个窗口或单个标签页的内容。 用于定义 chooseDesktopMedia() 中使用的一组桌面媒体来源的枚举。 "screen" "window" "tab" "audio" 镜像 SelfCapturePreferenceEnum 。 "include" "exclude" 镜像 SystemAudioPreferenceEnum 。 "include" "exclude" 隐藏由 chooseDesktopMedia()

• Chrome এক্সটেনশন

chrome.documentScan

使用 chrome.documentScan API 从连接的文件扫描器中发现和检索图片。

• Chrome এক্সটেনশন

chrome.dns

使用 chrome.dns API 进行 DNS 解析。 如需使用此 API，您必须在 manifest 中声明 "dns" 权限。 以下代码调用 resolve() 以检索 example.com 的 IP 地址。 service-worker.js ： 字符串（选填） 表示 IP 地址字面量的字符串。仅当 resultCode 表示成功时才提供。 数值 结果代码。零表示成功。 解析给定的主机名或 IP 地址字面量。 字符串 要解析的主机名。 函数（可选） callback 参数如下所示：

• Chrome এক্সটেনশন

chrome.declarativeContent

使用 chrome.declarativeContent API 可根据网页内容执行操作，而无需拥有读取网页内容的权限。 借助声明式内容 API，您可以根据网页的网址或 CSS 选择器是否与网页上的元素匹配来启用扩展程序的操作，而无需添加 主机权限 或注入 内容脚本 。 使用 activeTab 权限可在用户点击扩展程序的操作后与网页互动。 规则由条件和操作组成。如果满足其中任一条件，系统就会执行所有操作。相应操作分别为 setIcon() 和 showAction() 。

• Chrome এক্সটেনশন

chrome.system.storage

使用 chrome.system.storage API 查询存储设备信息，并在可拆卸存储设备连接和断开连接时收到通知。 “success” 弹出命令已成功执行 - 应用可以提示用户移除设备。 "in_use" 设备正被其他应用使用。弹出操作未成功；在其他应用使用完设备之前，用户不应移除设备。 "no_such_device" 未知有此类设备。 “failure” 弹出命令失败。 数值 存储设备的可用容量（以字节为单位）。 字符串 getAvailableCapacity 函数参数 id 的复制

• Chrome এক্সটেনশন

chrome.alarms

使用 chrome.alarms API 可安排代码定期运行或在未来的指定时间运行。 如需使用 chrome.alarms API，请在 manifest 中声明 "alarms" 权限： 为了确保可靠的行为，了解 API 的行为方式会很有帮助。 闹钟会在设备处于休眠状态时继续运行。不过，闹钟不会唤醒设备。设备唤醒后，所有错过的闹钟都会响铃。 重复闹钟最多会触发一次，然后系统会从设备唤醒时开始，使用指定的间隔时间重新安排闹钟，而不考虑闹钟最初设置为运行时已经经过的时间。

• Chrome এক্সটেনশন

chrome.contextMenus

使用 chrome.contextMenus API 可向 Google Chrome 的上下文菜单添加项。您可以选择要将上下文菜单项应用于哪些类型的对象，例如图片、超链接和网页。 您必须在扩展程序的清单中声明 "contextMenus" 权限，才能使用该 API。此外，您还应指定一个 16 x 16 像素的图标，以便在菜单项旁边显示。例如： 上下文菜单项可显示在任何文档（或文档中的框架）中，即使是使用 file:// 或 chrome://

• Chrome এক্সটেনশন

chrome.audio

chrome.audio API 的提供是为了让用户能够获取有关连接到系统的音频设备的信息并控制这些设备。此 API 目前仅适用于 ChromeOS 的自助服务终端模式。 字符串 设备名称。 DeviceType 设备类型。 字符串 简单易懂的名称（例如“USB 麦克风”）。 字符串 音频设备的唯一标识符。 布尔值 如果这是当前处于活动状态的设备，则为 true。 数值 设备的音量、输出音量、输入增益。 字符串（选填） 稳定/持久的设备 ID 字符串（如果有）。 StreamType

• Chrome এক্সটেনশন

Autofill

浏览器和您作为开发者，都可以帮助用户更快地输入数据，并避免重复输入数据。 自动填充功能可让浏览器使用用户保存的信息（例如姓名、地址和付款详细信息）自动填充表单字段。了解自动填充功能的运作方式以及如何确保浏览器提供适当的自动填充选项，有助于用户节省大量时间和麻烦，并帮助他们避免出错。确保自动填充功能正常运行还有助于减少用户流失，从而提高表单提交率。 尤其是在商务和结账流程中，开发者发现自动填充功能对买方体验和商家成效有显著益处。 想要帮助用户快速轻松地从购物车进入付款流程？

CrUX 工具

有关 CrUX 工具的技术文档。

• Chrome UX রিপোর্ট

chrome.declarativeNetRequest

chrome.declarativeNetRequest API 用于通过指定声明式规则来屏蔽或修改网络请求。这样，扩展程序就可以修改网络请求，而无需拦截和查看其内容，从而提供更高的隐私保护。 “ declarativeNetRequest ”和“ declarativeNetRequestWithHostAccess ”权限提供相同的功能。两者之间的区别在于请求或授予权限的时间。 除了前面介绍的权限之外，某些类型的规则集（尤其是静态规则集）还需要声明

• Chrome এক্সটেনশন

chrome.devtools.panels

使用 chrome.devtools.panels API 将您的扩展程序集成到“开发者工具”窗口界面：创建自己的面板、访问现有面板以及添加边栏。 每个扩展程序面板和边栏都会显示为单独的 HTML 页面。“开发者工具”窗口中显示的所有扩展程序页面都可以访问 chrome.devtools API 的所有部分，以及所有其他扩展程序 API。 您可以使用 devtools.panels.setOpenResourceHandler

• Chrome এক্সটেনশন

chrome.fileBrowserHandler

使用 chrome.fileBrowserHandler API 扩展 ChromeOS 文件浏览器。例如，您可以使用此 API 让用户将文件上传到您的网站。 当用户按 Alt+Shift+M 或连接外部存储设备（例如 SD 卡、USB 密钥、外部驱动器或数码相机）时，ChromeOS 文件浏览器就会弹出。除了显示外部设备上的文件外，文件浏览器还可以显示用户之前保存到系统中的文件。

• Chrome এক্সটেনশন

chrome.readingList

使用 chrome.readingList API 读取和修改 阅读清单 中的项。 如需使用阅读列表 API，请在扩展程序 manifest 文件中添加 "readingList" 权限： manifest.json: Chrome 的侧边栏中提供了阅读清单。借助该功能，用户可以保存网页以供日后阅读或离线阅读。使用 Reading List API 检索现有内容，并在列表中添加或移除内容。 阅读列表中的项目没有固定的顺序。 项按网址键值对进行排序。其中包括哈希和查询字符串。 以下部分展示了

• Chrome এক্সটেনশন

视频无障碍功能荣获 Gemini API 开发者大赛 Web 类奖项

我们已将 ViddyScribe 评选为 Gemini API 开发者大赛 Web 类奖项的获奖者。他们展示了 Gemini 如何通过为任何视频生成音频描述，帮助提高网页上视频的无障碍性。

• Chrome

WebGPU 的后续发展

了解最新 GPU for the Web 工作组会议中讨论的新 AI 和渲染功能。

• Chrome
• WebGpu

我们将开始测试新的扩展程序菜单，请做好准备

如何为新版扩展程序菜单做好扩展程序准备。

• Chrome

通行密钥

更轻松、更安全地替换密码。

chrome.networking.onc

chrome.networking.onc API 用于配置网络连接（移动网络、以太网、VPN 或 Wi-Fi）。此 API 适用于自动启动的 ChromeOS 自助服务终端会话。 网络连接配置是按照 Open Network Configuration (ONC) 规范指定的。 注意 ：大多数字典属性和枚举值使用 UpperCamelCase 命名法，以符合 ONC 规范，而不是使用 JavaScript 的 lowerCamelCase 惯例。 “已启用” “正在激活”

适用于 Chrome 桌面版通行密钥的 Signal API

推出适用于 Chrome 桌面版通行密钥的 Signal API

• Chrome
• পাসকী

利用 AI 进行客户端翻译

探索译者 API，为全球客户服务提供支持。

Chrome 132 Beta 版

了解 Chrome 中推出的最新功能。

• Chrome

加入 Translator API 源试用

使用本地 AI 模型在浏览器中实时翻译文本。现在，用户可以使用其母语贡献内容。

• Chrome

面向网络的 AI 辅助功能

借助 AI 技术了解网站的网络流量

• Chrome DevTools

针对来源的 AI 辅助

借助 AI 技术了解您的网站资源

• Chrome DevTools

针对效果的 AI 辅助

借助 AI 了解效果配置文件

• Chrome DevTools

内置 AI

内置 AI 是最新产品，可为用户提供强大的模型，同时保护敏感数据并缩短延迟时间。

AI 助理面板

了解网站如何在 AI 的帮助下运作

• Chrome DevTools

直接在“性能”面板中为轨迹添加注释

了解如何使用开发者工具中新增的注释功能，让性能轨迹更易于理解

• Chrome

使用 Signal API 确保通行密钥与服务器上的凭据保持一致

借助 WebAuthn Signal API，依赖方可以向通行密钥提供程序发送现有凭据的状态信号，以便通行密钥与服务器上的凭据保持一致。

• Chrome
• পাসকী

Chrome 131 中的新变化

Chrome 131 现已发布！为详情元素添加更多 CSS 样式，使用页边距框更轻松地设置打印布局，以及更多功能。

• Chrome

加入 Chrome 扩展程序 Prompt API 源试用

参与 Chrome 扩展程序 Prompt API 源试用，并在 Chrome 中使用 Gemini Nano。

• Chrome

Chrome 131

CSS 突出显示继承方式发生变化、详情元素的 CSS 样式更丰富、借助页边距框更轻松地设置打印布局等。

• Chrome

加入 Summarizer API 源试用

参与 Origin 试用计划，帮助用户将冗长的文章、复杂的文档，甚至热烈的聊天对话浓缩成简洁而富有洞见的摘要。

• Chrome

利用内置 AI 生成摘要

你可以将冗长的文章、复杂的文档，甚至是生动的聊天对话提炼成简洁而富有洞见的摘要。

CSS 和界面

查找有关排版、颜色和布局等主题的资源。

清单 - 沙盒

警告 ：从版本 57 开始，Chrome 将不再允许在沙盒化网页中使用外部 Web 内容（包括嵌入式框架和脚本）。请改用 WebView 。 定义要在沙盒化的唯一源中提供的一组应用或扩展程序页面，并定义要与它们搭配使用的内容安全政策（可选）。处于沙盒中有两个影响： 沙盒化页面不受应用或扩展程序其余部分使用的 内容安全政策 (CSP) 的约束（它有自己的单独 CSP 值）。这意味着，例如，它可以使用内嵌脚本和 eval 。 例如，下面展示了如何指定要在包含自定义 CSP

存储区域的清单

与 local 和 sync 存储区域不同， managed 存储区域需要将其结构声明为 JSON 架构 ，并且会由 Chrome 进行严格验证。此架构必须存储在由 "storage" 清单键的 "managed_schema" 属性指示的文件中，并声明应用支持的企业政策。 政策与选项类似，但由系统管理员（而非用户）进行配置，可为组织中的所有用户预配置应用。如需查看 Chrome 本身的示例，请参阅 Chrome 如何处理政策 。 声明政策后，您可以从 storage.managed API

清单 - 要求

应用或扩展程序所需的技术。Chrome 应用商店等托管网站可能会使用此列表来阻止用户安装无法在其计算机上正常运行的应用或扩展程序。目前支持的要求包括“3D”和“插件”；未来可能会添加其他要求检查。 “3D”要求表示 GPU 硬件加速。“webgl”要求是指 WebGL API 。如需详细了解 Chrome 3D 图形支持，请参阅有关 WebGL 和 3D 图形 的帮助文章。您可以列出应用所需的 3D 相关功能，如以下示例所示： “插件”要求表示应用或扩展程序是否需要 NPAPI

开始试用源试用

测试新的或实验性网络平台功能。在向所有用户推出该功能之前，就该功能的易用性、实用性和有效性向网络标准社区提供反馈。

解决内存问题

了解如何使用 Chrome 和开发者工具查找影响页面性能的内存问题，包括内存泄漏、内存膨胀和频繁的垃圾回收。

• Chrome DevTools

更多样式选项 <details>

现在，您可以使用新的 ::details-content 伪元素设置显示类型，还可以为可展开和收起的部分设置容器样式。

WebGPU 的新变化 (Chrome 131)

WGSL 中的剪裁距离、GPUCanvasContext getConfiguration()、点和线基元不得有深度偏差、针对子组的包含扫描内置函数、对多绘制间接的实验性支持、着色器模块编译选项严格数学、移除 GPUAdapter requestAdapterInfo() 等。

• Chrome
• WebGpu

“内存”面板概览

深入了解内存分配、调查低级内存问题及管理垃圾回收。

• Chrome DevTools

通过无缝的凭据共享功能，帮助用户顺畅登录

借助无缝凭据共享功能，您可以安全地向密码管理工具发出信号，让用户能够在您的 Android 应用和网站中使用相同的凭据登录。

• Chrome

自定义开发者工具

自定义 Chrome 开发者工具的一系列方式：更改主题、位置、面板顺序、语言等。

• Chrome DevTools

徽章参考

使用标记切换各种叠加层和加快 DOM 树导航的速度。

• Chrome DevTools

在“性能”面板中监控实时 Core Web Vitals 指标

在“性能”面板中监控实时 Core Web Vitals 指标。

• Chrome DevTools
• Chrome

识别用户的手写内容

借助手写识别 API，Web 应用可以使用高级手写识别服务实时识别手写输入中的文字。

使用 CSS 打印时，将内容添加到网页的边缘

在打印网页时创建自定义页眉和页脚。

• Chrome

Chrome 开发者工具 (Chrome 131) 的新变化

使用 Gemini 调试 CSS，在“性能”面板中添加注释和获取数据洞见，发现过度布局偏移和非合成动画等问题。

• Chrome DevTools
• Chrome

WebGPU：问题排查提示和修复

了解 WebGPU 在 Chrome 浏览器中可能被停用或无法正常运行的原因。

从 Chrome 中移除 --headless=old

Chrome 132 不再包含旧版无头模式。迁移到 chrome-headless-shell 或新版无头模式。

• Chrome

分析运行时性能

了解如何在 Chrome 开发者工具中评估运行时性能。

• Chrome DevTools

开发者工具中新增了滚动标志：更快地找到可滚动元素

了解开发者工具的新滚动标记如何简化滚动元素的调试（以及我们如何构建它！）。

• Chrome

为 Cache-Control: no-store 启用 bfcache

Chrome 将进行一项更改，允许在确保安全的情况下，对使用 Cache-Control: no-store 的网页使用 bfcache 功能。了解这对开发者意味着什么。

Chrome 无头模式

现在，Chrome 的无头模式更接近 Chrome 的常规“头”模式，因此对开发者来说更为实用。

• Chromium

借助开发者工具 AI 辅助完成的 5 件酷事

了解开发者工具中全新 AI 辅助面板的有趣和精彩用例

• Chrome

内置 AI API

内置 AI 是最新产品，可为用户提供强大的模型，同时保护敏感数据并缩短延迟时间。

Chrome 131 Beta 版

探索最新 Beta 版 Chrome 中即将推出的功能。

• Chrome

API 参考

针对 Chrome 扩展程序可用的所有 API 的完整参考。这包括适用于已弃用的 Chrome 应用平台的 API，以及仍在测试和开发阶段的 API。

• Chrome এক্সটেনশন

Chrome 130

Chrome 130 现已发布！文档画中画功能可让您更好地控制画中画窗口，CSS 嵌套声明可修复一些棘手的边缘情况，您还可以指定分布在多行中的元素上的装饰的行为方式，还有更多功能！

• Chrome

Chrome 130 中的新变化

Chrome 130 现已发布！文档画中画可让您更好地控制画中画窗口，CSS 嵌套声明可修复一些棘手的边缘情况，您还可以指定分布在多行中的元素上的装饰的行为方式。Pete LePage 详细介绍了 Chrome 130 中面向开发者的新功能。

• Chrome

WebGPU（Chrome 130）中的新变化

双源混合、缩短了 Metal 的着色器编译时间、废弃了 GPUAdapter requestAdapterInfo() 等等。

• Chrome
• WebGpu

AI 协助进行样式设置

了解如何在开发者工具中借助 AI 为网站设置样式。

• Chrome DevTools

chrome.virtualKeyboard

chrome.virtualKeyboard API 是仅限自助服务终端的 API，用于配置自助服务终端会话中虚拟键盘布局和行为。 布尔值（可选） 虚拟键盘能否提供自动补全功能。 布尔值（可选） 虚拟键盘能否提供自动更正功能。 布尔值（可选） 虚拟键盘是否可以通过手写识别来提供输入。 布尔值（可选） 虚拟键盘能否提供拼写检查功能。 布尔值（可选） 虚拟键盘是否可以提供语音输入。 设置对虚拟键盘提供的功能的限制。 FeatureRestrictions 启用/停用虚拟键盘功能的偏好设置。

chrome.clipboard

chrome.clipboard API 旨在允许用户访问剪贴板中的数据。这是针对 chromeos 平台应用的临时解决方案，直到开放网络替代方案推出为止。开放网络解决方案推出后（可能在 2017 年第 4 季度推出），它将弃用。 字符串 附加数据项的内容。如果 type 为“textPlain”，则为纯文本字符串或标记字符串（如果 type 为“textHTML”）。数据大小不得超过 2 MB。 DataItemType 其他数据项的类型。 "textPlain" "textHTML"

Long Animation Frames API

了解 Long Animation Frames API (LoAF)，该 API 是 Long Tasks API 的下一代迭代版本，支持通过归因衡量帧更新延迟

检查网络活动

介绍 Chrome 开发者工具中最常用的网络相关功能的教程。

• Chrome DevTools

AI 创新

“AI 创新”标签页参考。

• Chrome DevTools

2024 年 10 月 Chrome 扩展程序的变化

概要介绍 Chrome 扩展程序近期的变化，以及开发者可以期待的即将推出的扩展程序功能。

• Chrome এক্সটেনশন
• Chrome

Chrome 130 中的 box-decoration-break 属性

Chrome 130 全面支持不带前缀的 box-decoration-break。

• Chrome

原生客户端

用于在浏览器中运行已编译的 C 和 C++ 代码的沙盒。已弃用。

专用网络访问处于暂停状态

专用网络访问 (PNA) 的发布已暂停。

• Chrome

Translation API 提供早期预览版

Translation API 现已面向内置 AI 早期预览版计划参与者推出。

• Chrome

CSS 选择样式的继承更改

Chrome 134 将更改 CSS 突出显示继承。

• Chrome

CSS 锚点定位 API

使用 Anchor Positioning API 定位元素与它们之间的相对位置。

在 Chrome 开发者工具中捕获预测：为什么很难以及如何改进

了解开发者工具调试程序如何预测是否捕获了异常。

• Chrome

加入 Google Chrome 内置 AI 挑战赛

我们将举办内置 AI 挑战赛，诚邀您重新思考如何在 Chrome 中使用 Gemini Nano 实现各种可能。

• Chrome

WebAuthn：模拟身份验证器

在 Chrome 开发者工具中模拟身份验证器并调试 WebAuthn。

• Chrome DevTools

Chrome 130 开发者工具的新变化

针对您可以在“效果”面板中浏览的实时指标和面包屑导航功能提供建议，改进了网络过滤条件，提供经过净化处理的 HAR 导出内容等。

• Chrome
• Chrome DevTools

功能参考资料

有关 Chrome 开发者工具“Recorder”面板功能的全面参考。

• Chrome DevTools

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

使用“搜索”面板查找所有已加载资源中的文本。

• Chrome DevTools

提升 Chrome 应用商店开发者信息中心的移动体验

我们很高兴地宣布，Chrome 应用商店开发者信息中心进行了一系列界面更改，使其响应速度更快，更适合移动设备。我们希望这样能让您在监控商品详情效果、更改商品详情以及管理实体店内扩展程序时获得更便捷的体验。 我们更新了所有图表和分析页面，使其响应速度更快，以便您更好地查看扩展程序在移动设备上的商品详情效果。 您还可以通过移动设备更新商店元数据，包括说明、图片和隐私设置。

• Chrome
• Chrome এক্সটেনশন

覆盖率：找出未使用的 JavaScript 和 CSS

如何在 Chrome 开发者工具中查找和分析未使用的 JavaScript 和 CSS 代码。

• Chrome DevTools

“来源”面板概览

在 Chrome 开发者工具的“Sources”面板中查看和修改文件、创建代码段、调试 JavaScript 并设置工作区。

• Chrome DevTools

安全：了解安全问题

使用“安全性”面板可确保网页完全受 HTTPS 保护。

• Chrome DevTools

“层”面板：浏览您网站的各个层

检查网站的各层。

• Chrome DevTools

缓存揭秘：检查、清除和停用缓存

使用 DevTools 检查和排查缓存问题。

• Chrome
• Chrome DevTools

适用于单页应用的同文档视图转换

开始同文档视图转换，以便在单页应用中使用。

Web Vitals 扩展程序现已在 DevTools 中推出

Web Vitals 扩展程序将与 Chrome DevTools 的“性能”面板合并，并于 2025 年 1 月停用独立支持。

• Chrome DevTools
• Chrome

控制台概览

Chrome DevTools 控制台的主要用途是记录消息和运行 JavaScript。

• Chrome DevTools

使用 Web 应用清单 ID 属性对 PWA 进行唯一标识

可选的 `id` 属性是 Web 应用清单规范的一部分，可让您明确定义用于 PWA 的标识符。向清单添加 `id` 属性会移除对 `start_url` 或清单位置的依赖，以便日后更新这些属性。

需要反馈：我们应如何定义 CSS 砌体？

两个拟议的砌体规范的比较。

• Chrome

可供抢先预览的写入器和重写器 API

EPP 参与者现在可以在 Chrome 中使用写入和重写 API 进行原型设计。

• Chrome

Chrome 130 Beta 版

使用最新版 Chrome Beta 版中的功能和变更测试您的网站。

• Chrome

Chrome 实验：进程共享

Chrome 开发者工具中的进程共享实验及其影响开发者体验

• Chrome

为高度添加动画效果：auto；（以及其他固有尺寸关键字）

使用“interpolate-size”和“calc-size()”在固有大小调整关键字之间添加动画效果

在开发者工具中监控本地和真实用户的 Core Web Vitals 性能

Chrome 开发者工具中的“性能”面板提供了一种新的方式来监控本地 Core Web Vitals 性能，并将其与实际用户数据进行比较。

• Chrome
• Chrome DevTools

WebGPU（Chrome 129）中的新变化

HDR 支持以及画布色调映射模式、扩展的子群组支持等功能。

• Chrome
• WebGpu

Chrome 129 中的新变化

Chrome 129 现已发布！长任务可以产生 - 为了提高性能，您可以为具有固有大小的元素添加动画效果，对锚点定位语法进行一些更改，等等。Pete LePage 详细介绍了 Chrome 129 中面向开发者的新功能。

• Chrome

“性能”面板：分析网站性能

分析网站的加载和运行时性能

• Chrome DevTools

Web Serial 中的蓝牙 RFCOMM 更新

了解如何使用 Web Serial 检测蓝牙 RFCOMM 串行端口何时可用。

• Chrome

请求开发者反馈：可自定义选择

抢先体验全新的可自定义选择功能。

• Chrome

冻结屏幕并检查消失的元素

冻结 DOM 中的元素，以便使用开发者工具进行检查。

• Chrome DevTools
• Chrome

键盘锁定 API 和 Pointer Lock API 需要从 Chrome 131 获得权限

借助 Keyboard Lock API ，开发者可以为各种用例（包括互动网站、游戏以及远程桌面或应用流式传输）提供沉浸式全屏体验。它通过允许网站使用主机操作系统允许的所有可用按键来实现此目的。 借助 Pointer Lock API ，桌面应用可以隐藏指针图标，并将鼠标移动解释为其他操作，例如在 3D 世界中环顾四周。 从 Chrome 131 开始，使用这两个 API 都需要权限。您可以 检查 权限，如以下代码段所示： 无需明确 请求

• Chrome

对任何元素（而不仅仅是“视频”）实现画中画

在屏幕常亮的窗口中显示任意 HTML 内容。

版本说明

CrUX 数据集最新变更的详细信息。

• Chrome UX রিপোর্ট

清单 - Nacl 模块

从 MIME 类型到处理每种类型的 Native Client 模块的一个或多个映射。对于 以下代码段中粗体代码会将 Native Client 模块注册为 OpenOffice 电子表格 MIME 类型的处理程序。 “path”的值是 Native Client 清单（.nmf 文件）在扩展程序中的位置 目录。有关 Native Client 和.nmf 文件的详情，请参见 Native Client 技术 概览 。 每个 MIME 类型只能与一个.nmf 文件相关联，但单个.nmf

externally_connectable

externally_connectable 清单属性用于声明哪些扩展程序、应用和网页可以 通过 runtime.connect 和 runtime.sendMessage 连接到您的应用。 有关消息传递的教程，请参阅 跨扩展程序和应用消息传递 和 发送消息 来自网页 。 如果未在应用清单中声明 externally_connectable ，则所有扩展程序和应用都可以 已连接，但所有网页都无法连接。因此，当您更新清单以使用 externally_connectable ，如果未指定

清单 - 图标

代表扩展程序、应用或主题的一个或多个图标。您应始终提供 128x128 图标；安装期间以及由 Chrome 应用商店使用。扩展程序还应提供 48x48 的图标，在扩展程序管理页面 (chrome://extensions) 中使用。您还可以 指定将用作扩展程序页面的网站图标的 16x16 图标。 图标通常应采用 PNG 格式，因为 PNG 可最有效地支持透明度。他们 不过，可以采用 WebKit 支持的任何格式，包括 BMP、GIF、ICO 和 JPEG。这里有 指定图标的示例： 如果您使用

清单版本

一个整数，用于指定您的软件包所需的清单文件格式版本。从 Chrome 开始 18 中，开发者 应该 指定 2 （不带引号），以便使用本说明中所述的格式 文档： 考虑从 Chrome 18 开始 弃用 清单版本 1。版本 2 目前并非 必需 ，但我们 在不久的将来，我们会停止支持使用已弃用的软件包 清单版本。尚未准备好跳转到 新的清单版本，可以明确指定版本 1 ，也可以不启用该密钥 如需详细了解清单文件格式的版本 1 和版本 2 之间的不同之处， manifest_version 文档。

内存检查器：检查 ArrayBuffer、TypedArray、DataView 和 Wasm 内存。

使用内存检查器可在 JavaScript 以及 WebAssembly.Memory of C++ Wasm 应用中检查 ArrayBuffer、TypedArray 或 DataView。

• Chrome DevTools

更改：跟踪您的 HTML、CSS 和 JavaScript 更改

跟踪对 HTML、CSS 和 JavaScript 的更改。

• Chrome DevTools

隆重推出 Digital Credentials API 源试用

Digital Credentials API 的源试用将从 Chrome 128 开始。Digital Credentials API 是一种新的网络平台 API，可让网站通过数字凭据（例如存储在数字钱包中的驾照或国民身份证）选择性地请求有关用户的可验证信息。

• Chrome

在 Chrome 中实现跨网站无缝共享凭据的功能

如果您使用多个网域共用同一个账号管理后端，那么现在通过 Digital Asset Links，您还可以在这些网域之间无缝共享凭据。这样一来，用户只需保存一次凭据，即可让 Chrome 密码管理器将这些凭据推荐给任何关联的网站。

在命令菜单中运行命令

有关如何打开命令菜单、运行命令、打开文件以及查看其他操作等操作的指南。

• Chrome DevTools

锚点定位语法变更

您应了解的与 Anchor Positioning API 相关的变更。

• Chrome

Chrome 129 开发者工具中的新功能

“效果”>“搜索请求”网络、通过自动填充功能在地址表单中使用测试数据、在“记录器”面板中导出到适用于 Firefox 的 Puppeteer，以及通过“性能”面板中的观察结果一目了然地发现性能问题，等等。

• Chrome DevTools
• Chrome

网络平台

了解 Chrome 的运作方式、参与源试用并随时随地使用 Chrome 构建应用。

隆重推出适用于 Chrome 中的 WebAuthn 的提示、相关源请求和 JSON 序列化

Chrome 上的 WebAuthn 现在可以使用提示、相关源请求和 JSON 序列化

• Chrome

语言检测 API 已推出早期预览版

EPP 参与者现在可以在 Chrome 中使用语言检测 API 进行原型设计。

• Chrome

Lighthouse：优化网站速度

Chrome Lighthouse 可助您提高网站的加载速度。

• Chrome DevTools

chrome.webRequest

使用 chrome.webRequest API 可观察和分析流量，以及拦截、阻止或修改传输中的请求。 您必须在 扩展程序清单 中声明 "webRequest" 权限，才能使用 Web 请求 API 以及必要的 主机权限 。要拦截子资源请求， 扩展程序必须同时有权访问请求的网址及其发起者。例如： webRequestBlocking 必须填写此字段，才能注册屏蔽事件处理脚本。从 Manifest V3 开始， 适用于通过政策安装的扩展程序 webRequestAuthProvider 使用

• Chrome এক্সটেনশন

chrome.sidePanel

使用 chrome.sidePanel API 可将浏览器侧边栏中的内容与网页的主要内容一同托管。 如需使用 Side Panel API，请在扩展程序 清单 文件中添加 "sidePanel" 权限： manifest.json: 借助 Side Panel API，扩展程序可以在侧边栏中显示自己的界面，从而提供持久的体验，补充用户的浏览历程。 部分功能包括： 以下部分介绍了 Side Panel API 的一些常见用例。如需查看完整的扩展程序示例，请参阅 扩展程序示例 。 最初可通过清单的

• Chrome এক্সটেনশন

chrome.omnibox

多功能框 API 可让您向 Chrome 浏览器的地址栏（也称为多功能框）注册关键字。 当该用户输入您扩展程序中的关键字后，便开始只与您的 。每次按键操作都会发送到您的扩展程序，并且您可以在响应中提供建议。 建议可以采用多种格式以各种格式进行显示。当用户接受建议后 您的扩展程序会收到通知，并可以采取相应措施。 您必须在 清单 中添加 omnibox keyword 字段，才能使用多功能框 API。您 还应该指定一个 16x16

• Chrome এক্সটেনশন

chrome.pageAction

使用 chrome.pageAction API 将图标放置在 Google Chrome 主工具栏（地址栏右侧）中。网页操作是指可对当前网页执行，但并不适用于所有网页的操作。处于非活动状态的页面操作会显示为灰色。 一些示例： 以下屏幕截图中的 RSS 图标代表可让您订阅 RSS 的页面操作 Feed。 隐藏的网页操作会显示为灰色。例如，下面的 RSS Feed 是灰显的， 订阅当前页面的 Feed： 请考虑改用 浏览器操作 ，以便用户始终与您的 。 在 扩展程序清单

• Chrome এক্সটেনশন

chrome.windows

使用 chrome.windows API 与浏览器窗口进行交互。您可以使用此 API 在浏览器中创建、修改和重新排列窗口。 收到请求时， windows.Window 会包含一组 tabs.Tab 对象。您必须 如果您需要访问 url ，请在 清单 中声明 "tabs" 权限， tabs.Tab 的 pendingUrl 、 title 或 favIconUrl 属性。例如： 扩展系统中的许多函数都接受可选的 windowId 参数，该参数默认为 。

• Chrome এক্সটেনশন

chrome.i18n

使用 chrome.i18n 基础架构在您的整个应用或扩展程序中实现国际化。 您需要将其所有的用户可见字符串都放入名为 messages.json 的文件中。每次 添加新的语言区域时，请在名为 _locales/_localeCode_ 的目录下添加消息文件，其中 localeCode 是一个代码，例如表示英语的 en 。 以下是支持英语 ( en )、西班牙语的国际化扩展程序的文件层次结构 ( es ) 和韩语 ( ko )： 假设您的扩展程序包含如下图所示的文件：

• Chrome এক্সটেনশন

chrome.browserAction

使用浏览器操作将图标放入 Google Chrome 主工具栏（位于地址栏的右侧）。除了 图标 之外，浏览器操作还可以包含 提示 、 标记 和 弹出式窗口 。 在下图中，地址栏右侧的彩色方块是 。图标下方会显示一个弹出式窗口。 如果您想创建的图标不是始终处于活跃状态，请使用 网页操作 （而不是浏览器） 操作。 在 扩展程序清单 中注册浏览器操作，如下所示： 您可以提供任意尺寸的图标，以便在 Chrome 中使用，Chrome 会选择最接近的图标并进行缩放 将其调整为适当的尺寸，以填充

• Chrome এক্সটেনশন

chrome.webRequest

使用 chrome.webRequest API 可观察和分析流量，以及拦截、阻止或修改传输中的请求。 您必须在 扩展程序清单 中声明 "webRequest" 权限，才能使用 Web 请求 API 以及必要的 主机权限 。要拦截子资源请求， 扩展程序必须同时有权访问请求的网址及其发起者。例如： 从 Chrome 108 开始，如果您使用 "webRequest" 和 "webRequestAuthProvider" ，则可以为 onAuthRequired 事件 异步提供凭据 权限。 Web

• Chrome এক্সটেনশন

chrome.fileBrowserHandler

使用 chrome.fileBrowserHandler API 扩展 Chrome 操作系统的文件浏览器。例如，您可以使用此 API 让用户向您的网站上传文件。 当用户按 Alt+Shift+M 或连接外部存储设备（例如 SD 卡、USB 密钥、外部驱动器或数码相机）时，ChromeOS 文件浏览器将会启动。除了显示外部设备上的文件外，文件浏览器还可以显示用户之前保存到系统的文件。

• Chrome এক্সটেনশন

chrome.devtools.panels

使用 chrome.devtools.panels API 将您的扩展程序集成到开发者工具窗口界面中：创建自己的面板、访问现有面板以及添加边栏。 必须在 清单 中声明以下键才能使用此 API。 有关使用开发者工具 API 的一般说明，请参阅 DevTools API 摘要 。 每个扩展程序面板和边栏都会显示为一个单独的 HTML 网页。已显示所有扩展程序页面 在“开发者工具”窗口中可以访问 chrome.devtools API 中的所有模块，以及 chrome.extension

• Chrome এক্সটেনশন

清单文件格式

每个应用都有一个 JSON 格式的清单文件，名为 manifest.json ，它提供了重要的 信息。 以下代码显示了支持的 Google Apps 清单字段，其中包含指向 讨论每个字段。

chrome.system.cpu

使用 system.cpu API 查询 CPU 元数据。 字符串 处理器的架构名称。 字符串[] 一组功能代码，用于表示处理器的部分功能。目前支持的代码包括“mmx”“sse”“sse2”“sse3”“ssse3”“sse4_1”“sse4_2”和“avx”。 字符串 处理器的型号名称。 number 逻辑处理器数量。 ProcessorInfo [] 每个逻辑处理器的相关信息。 数值 [] 来自 CPU 每个热区的 CPU 温度读数列表。温度以摄氏度为单位。 目前仅适用于 ChromeOS。

• Chrome এক্সটেনশন

chrome.enterprise.networkingAttributes

使用 chrome.enterprise.networkingAttributes API 读取有关当前网络的信息。注意：此 API 仅适用于由企业政策强制安装的扩展程序。 字符串（可选） 设备的本地 IPv4 地址（如果未配置，则未定义）。 字符串（可选） 设备的本地 IPv6 地址（如果未配置，则未定义）。 字符串 设备的 MAC 地址。 检索设备默认网络的网络详细信息。如果用户未关联或设备未连接到网络，系统将设置 runtime.lastError 并注明失败原因。 函数（可选）

• Chrome এক্সটেনশন

chrome.input.ime

使用 chrome.input.ime API 为 ChromeOS 实现自定义 IME。这样一来，您的扩展程序就可以处理按键、设置构图和管理候选窗口。 您必须声明“input”权限，以使用 input.ime API。 例如： 以下代码会创建一个 IME，用于将输入的字母转换为大写。 辅助窗口中按钮的 ID。 "撤消" "addToDictionary" 辅助窗口的属性。 字符串（可选） ChromeVox 朗读的字符串。 "撤消" 布尔值 设为 true 以显示

• Chrome এক্সটেনশন

chrome.instanceID

使用 chrome.instanceID 访问实例 ID 服务。 重置应用实例标识符并撤消与其关联的所有令牌。 函数（可选） callback 参数如下所示： 承诺&lt;void&gt; 只有 Manifest V3 及更高版本支持 Promise，其他平台需要使用回调。 撤消已授予的令牌。 对象 deleteToken 的参数。 字符串 用于获取令牌的授权实体。 字符串 用于获取令牌的范围。 函数（可选） callback 参数如下所示： 承诺&lt;void&gt; 只有 Manifest

• Chrome এক্সটেনশন

chrome.gcm

使用 chrome.gcm 可让应用和扩展程序通过 Firebase Cloud Messaging (FCM) 发送和接收消息。 消息中所有键值对的大小上限（以字节为单位）。 4096 向 FCM 注册该应用。 callback 将返回注册 ID。如果使用同一 senderIds 列表再次调用 register ，则会返回相同的注册 ID。 字符串[] 允许向应用发送消息的服务器 ID 列表。其中应包含至少 1 个发送者 ID，但不得超过 100 个。 函数（可选） callback

• Chrome এক্সটেনশন

chrome.loginState

使用 chrome.loginState API 读取和监控登录状态。 "SIGNIN_PROFILE" 指定扩展程序在登录个人资料中。 "USER_PROFILE" 指定扩展程序在用户个人资料中。 "UNKNOWN" 指定会话状态未知。 "IN_OOBE_SCREEN" 指定用户处于开箱体验屏幕。 "IN_LOGIN_SCREEN" 指定用户正处于登录屏幕。 "IN_SESSION" 指定用户正在会话中。 "IN_LOCK_SCREEN" 指定用户位于锁定屏幕中。

• Chrome এক্সটেনশন

chrome.fontSettings

使用 chrome.fontSettings API 管理 Chrome 的字体设置。 要使用 Font Settings API，您必须声明“fontSettings”权限 清单 。例如： Chrome 允许某些字体设置取决于特定的常规字体系列和语言 脚本。例如， sans-serif 简体中文使用的字体可能与该字体不同 用于 serif 日语。 Chrome 支持的通用字体系列基于 CSS 通用字体系列 ， 。如果网页指定了通用字体系列，Chrome

• Chrome এক্সটেনশন

chrome.printingMetrics

使用 chrome.printingMetrics API 提取有关打印使用情况的数据。 "BLACK_AND_WHITE" 指定使用黑白模式。 "COLOR" 指定使用了颜色模式。 "ONE_SIDED" 指定使用单面打印。 &amp;quot;TWO_SIDED_LONG_EDGE&amp;quot; 指定使用双面打印，将长边翻转。 &amp;quot;TWO_SIDED_SHORT_EDGE&amp;quot; 指定使用双面打印，短边翻转。 number 打印介质的高度（以微米为单位）。

• Chrome এক্সটেনশন

chrome.processes

使用 chrome.processes API 与浏览器的进程进行交互。 number 使用的缓存部分（以字节为单位）。 number 缓存的大小（以字节为单位）。 编号（ 选填 ） 最近测量的进程 CPU 使用率，表示为进程的所有线程使用的单个 CPU 核心所占的百分比。这会得到一个介于 0 到 CpuInfo.numOfProcessors*100 之间的值，在多线程进程中，该值可以超过 100%。仅当作为 onUpdated 或 onUpdatedWithMemory

• Chrome এক্সটেনশন

chrome.platformKeys

使用 chrome.platformKeys API 访问由平台管理的客户端证书。如果用户或政策授予了此权限，扩展程序便可在其自定义身份验证协议中使用此类证书。例如：这允许在第三方 VPN 中使用平台管理的证书（请参阅 chrome.vpnProvider ）。 ArrayBuffer[] 服务器允许的证书授权机构的标识名列表。每个条目都必须是 DER 编码的 X.509 DistinguishedName。 ClientCertificateType []

• Chrome এক্সটেনশন

chrome.devtools.inspectedWindow

使用 chrome.devtools.inspectedWindow API 与检查的窗口进行交互：获取被检查页面的标签页 ID、在被检查的窗口中评估代码、重新加载页面或者获取页面中的资源列表。 必须在 清单 中声明以下键才能使用此 API。 使用 chrome.devtools.inspectedWindow 与检查的窗口进行交互：获取用于 在检查窗口中评估代码、重新加载页面或获取 该页面内的资源列表。 有关使用开发者工具 API 的一般说明，请参阅 DevTools API 摘要 。

• Chrome এক্সটেনশন

chrome.history

使用 chrome.history API 与浏览器的已访问网页的记录进行交互。您可以在浏览器的历史记录中添加、移除和查询网址。如需使用您自己的版本替换历史记录页面，请参阅 覆盖网页 。 您必须声明“历史记录”权限，以便使用 History API。 例如： History API 使用 过渡类型 来描述浏览器如何导航到特定网址 。例如，如果用户通过点击其他网页上的链接访问了某个网页， 为“link” 下表介绍了每种过渡类型。 若要试用此 API，请安装

• Chrome এক্সটেনশন

chrome.identity

使用 chrome.identity API 获取 OAuth2 访问令牌。 字符串 账号的唯一标识符。在账号的整个有效期内，此 ID 不会发生变化。 "SYNC" 指定为主账号启用同步功能。 "ANY" 指定是否存在主账号（如果有）。 string[] 选填 向扩展程序授予的 OAuth2 范围列表。 字符串（可选） 与请求关联的特定令牌。 字符串 应从缓存中移除的特定令牌。 AccountStatus 可选 登录到个人资料的主账号的状态，该个人资料的 ProfileUserInfo

• Chrome এক্সটেনশন

chrome.tts

使用 chrome.tts API 播放合成的文字转语音 (TTS)。另请参阅相关的 ttsEngine API，该 API 允许扩展程序实现语音引擎。 Chrome 为 Windows（使用 SAPI 5）、Mac OS X 和 ChromeOS 上的语音提供原生支持，使用 语音合成功能。在所有平台上，用户都可以 安装会自行注册为备用语音引擎的扩展程序。 通过分机拨打 speak() 开始说话。例如： 要立即停止说话，只需调用 stop() 即可：

• Chrome এক্সটেনশন

chrome.devtools.recorder

使用 chrome.devtools.recorder API 自定义开发者工具中的“Recorder”面板。 有关使用开发者工具 API 的一般说明，请参阅 DevTools API 摘要 。 devtools.recorder API 是一项预览版功能，可让您扩展 Chrome 开发者工具中的 Recorder 面板 。 从 Chrome M105 开始，您可以扩展导出功能。从 Chrome M112 开始，您可以延长重放按钮。 如需注册扩展插件，请使用

• Chrome এক্সটেনশন

chrome.enterprise.hardwarePlatform

使用 chrome.enterprise.hardwarePlatform API 获取运行浏览器的硬件平台的制造商和型号。注意：此 API 仅适用于由企业政策安装的扩展程序。 字符串 字符串 获取硬件平台的制造商和型号，如果扩展程序获得授权，则会通过 callback 返回。 函数（可选） callback 参数如下所示： HardwarePlatformInfo Promise&amp;lt; HardwarePlatformInfo &amp;gt; 只有 Manifest V3

• Chrome এক্সটেনশন

chrome.dom

使用 chrome.dom API 访问适用于扩展程序的特殊 DOM API 获取由指定元素托管的打开的影子根或封闭的影子根。如果该元素未附加影子根，它将返回 null。 HTMLElement 对象 请参阅 https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot

• Chrome এক্সটেনশন

chrome.tabCapture

使用 chrome.tabCapture API 与标签页媒体流进行交互。 借助 chrome.tabCapture API，您可以访问包含视频和媒体内容的 MediaStream 。 当前标签页的音频。只有在用户调用扩展程序后才能调用该方法，例如通过 该扩展程序的 操作按钮 即可。这类似于 activeTab 权限。 为某个标签页获取 MediaStream 后，该标签页中的音频将不再播放 。这与 getDisplayMedia() 函数在以下情况的行为类似：

• Chrome এক্সটেনশন

chrome.management

chrome.management API 提供了多种方法来管理已安装的应用和扩展程序。 您必须声明“management” 扩展程序清单 中的权限，以使用管理功能 API。例如： management.getPermissionWarningsByManifest 、 management.uninstallSelf 和 management.getSelf 无需管理权限。 该项被停用的原因。 “未知” &amp;quot;permissions_increase&amp;quot;

• Chrome এক্সটেনশন

chrome.webNavigation

使用 chrome.webNavigation API 接收有关飞行中导航请求状态的通知。 所有 chrome.webNavigation 方法和事件都需要您声明“webNavigation”权限 在 扩展程序清单 中。例如： 对于成功完成的导航，系统会按以下顺序触发事件： 此过程过程中发生的任何错误都会导致 onErrorOccurred 事件。对于特定的 导航时，在 onErrorOccurred 后不再触发其他事件。 如果导航帧包含子帧，其 onCommitted

• Chrome এক্সটেনশন

chrome.topSites

使用 chrome.topSites API 访问新标签页上显示的热门网站（即最常访问的网站）。这些不包括用户自定义的快捷方式。 您必须声明“topSites” 扩展程序清单 中授予使用此 API 的权限。 若要试用此 API，请安装 chrome-extension-samples 中的 topSites API 示例 存储库 用于封装最常访问的网址（例如新标签页上的默认快捷方式）的对象。 字符串 网页的标题 字符串 最常访问的网址。 获取热门网站列表。 函数（可选） callback

• Chrome এক্সটেনশন

chrome.windows

使用 chrome.windows API 与浏览器窗口进行交互。您可以使用此 API 在浏览器中创建、修改和重新排列窗口。 收到请求时， windows.Window 会包含一组 tabs.Tab 对象。您必须 如果您需要访问 url ，请在 清单 中声明 "tabs" 权限， tabs.Tab 的 pendingUrl 、 title 或 favIconUrl 属性。例如： 扩展系统中的许多函数都接受可选的 windowId 参数，该参数默认为 。

• Chrome এক্সটেনশন

chrome.search

使用 chrome.search API 通过默认提供程序进行搜索。 "CURRENT_TAB" 指定搜索结果显示在发起调用的标签页中或当前所用浏览器的标签页中。 "NEW_TAB" 指定搜索结果显示在新标签页中。 "NEW_WINDOW" 指定搜索结果在新窗口中打开。 Disposition （可选） 应显示搜索结果的位置。默认为 CURRENT_TAB 。 编号（ 选填 ） 应显示搜索结果的位置。 tabId 不能与 disposition 一起使用。 字符串

• Chrome এক্সটেনশন

chrome.idle

使用 chrome.idle API 检测机器的空闲状态何时发生变化。 你必须声明“idle”权限，以使用闲置 API。例如： "有效" "idle" "已锁定" 获取屏幕在闲置时自动锁定所用的时间（以秒为单位）。如果屏幕从不自动锁定，则返回时长为零。目前仅适用于 ChromeOS。 函数（可选） callback 参数如下所示： number 屏幕在闲置时自动锁定所用的时间（以秒为单位）。如果屏幕永不自动锁定，则此值为零。 Promise&amp;lt;number&amp;gt; 只有

• Chrome এক্সটেনশন

chrome.types

chrome.types API 包含 Chrome 的类型声明。 ChromeSetting 原型提供了一组常用的函数（ get() 、 set() 和 clear() ） 以及 Chrome 浏览器设置的事件发布者 ( onChange )。 代理设置 示例 演示了这些函数的预期用途。 Chrome 可区分浏览器设置的三种不同范围： Chrome 管理不同图层上的设置。以下列表介绍了可 影响有效设置（按优先顺序由高到低）。

• Chrome এক্সটেনশন

chrome.wallpaper

使用 chrome.wallpaper API 更改 ChromeOS 壁纸。 您必须声明“壁纸”权限，以便使用 壁纸 API。例如： 例如，要将壁纸设为 https://example.com/a_file.png ，你可以拨打 chrome.wallpaper.setWallpaper 。 支持的壁纸版式。 “STRETCH” "CENTER" "CENTER_CROPPED" 将壁纸设置为位于 url 或 wallpaperData 且具有指定的 layout 的图片 对象

• Chrome এক্সটেনশন

chrome.enterprise.deviceAttributes

使用 chrome.enterprise.deviceAttributes API 读取设备属性。注意：此 API 仅适用于由企业政策强制安装的扩展程序。 获取管理员注释的营业地点。如果当前用户未关联或管理员未设置任何注释位置，则返回空字符串。 函数（可选） callback 参数如下所示： 字符串 承诺&lt;字符串&gt; 只有 Manifest V3 及更高版本支持 Promise，其他平台需要使用回调。 获取管理员注释的资产 ID。如果当前用户未关联或管理员尚未设置资产

• Chrome এক্সটেনশন

chrome.privacy

您可以使用 chrome.privacy API 控制 Chrome 中可能会影响用户隐私的功能的使用情况。此 API 依赖 ChromeSetting 类型 API 的原型 来获取和设置 Chrome 的配置。 您必须声明“隐私”权限，才能使用该 API。 例如： 读取 Chrome 设置的当前值非常简单。您首先需要找到 属性，那么您将需要对该对象调用 get() ，以检索其 当前值以及您的扩展程序的控制级别。例如，确定 Chrome 的自动填充功能是否 您需要编写：

• Chrome এক্সটেনশন

chrome.systemLog

使用 chrome.systemLog API 记录扩展程序中的 Chrome 系统日志。 字符串 添加新的日志记录。 MessageOptions 日志记录选项。 函数（可选） callback 参数如下所示： 承诺&lt;void&gt; 只有 Manifest V3 及更高版本支持 Promise，其他平台需要使用回调。

• Chrome এক্সটেনশন

chrome.pageCapture

使用 chrome.pageCapture API 可将标签页保存为 MHTML。 MHTML 是大多数浏览器支持的 标准格式 。它将页面封装在单个文件中 及其所有资源（CSS 文件、图片...） 请注意，出于安全考虑，MHTML 文件只能从文件系统加载，而且 只能在主框架中加载 您必须声明“pageCapture”权限，以使用 pageCapture API。例如： 将具有指定 ID 的标签页的内容保存为 MHTML。 对象 number 要另存为 MHTML 的标签页的 ID。 函数（可选）

• Chrome এক্সটেনশন

chrome.fileSystemProvider

您可以使用 chrome.fileSystemProvider API 创建可通过 Chrome 操作系统的文件管理器访问的文件系统。 您必须声明“fileSystemProvider”权限和 扩展程序清单 中的部分，以便使用 File System Provider API。例如： file_system_provider 部分必须声明如下： “文件”应用使用上述信息来适当呈现相关的界面元素。例如，如果 configurable 设置为 true，则系统会呈现用于配置卷的菜单项。同样，如果

• Chrome এক্সটেনশন

chrome.notifications

借助 chrome.notifications API，您可以使用模板创建内容丰富的通知，并在系统任务栏中向用户显示这些通知。 字符串（可选） 按钮图标对 Mac OS X 用户不可见。 字符串 字符串 关于此内容的其他详细信息。 字符串 列表通知中一项的标题。 字符串（可选） Mac OS X 用户看不到应用图标遮罩。 指向应用图标遮罩的网址。网址与 iconUrl 具有相同的限制。 应用图标遮罩应采用 alpha 通道，因为系统只会考虑图片的 alpha 通道。

• Chrome এক্সটেনশন

chrome.power

使用 chrome.power API 替换系统的电源管理功能。 默认情况下，当用户不活动时，操作系统会调暗屏幕，并最终暂停 系统。借助 Power API，应用或扩展程序可使系统保持唤醒状态。 使用此 API，您可以指定要停用电源管理的 Level 。 "system" 使系统保持活动状态，但允许调暗或关闭屏幕。例如， 通信应用在屏幕关闭时继续接收消息。 "display" 级别 使屏幕和系统保持活动状态例如，电子书和演示文稿应用 和系统处于活动状态。

• Chrome এক্সটেনশন

chrome.downloads

此权限 会触发警告 使用 chrome.downloads API 以编程方式启动、监控、操作和搜索下载内容。 您必须在 扩展程序清单 中声明 "downloads" 权限，才能使用此 API。 您可以在 examples/api/downloads 中找到使用 chrome.downloads API 的简单示例 目录。如需获取其他示例以及查看源代码方面的帮助，请参阅 示例 。 布尔值（可选） 布尔值（可选） 文件 下载内容的文件名可疑。 网址 已知下载内容的网址是恶意网址。 内容

• Chrome এক্সটেনশন

chrome.devtools.network

使用 chrome.devtools.network API 检索由开发者工具在“Network”面板中显示的网络请求的相关信息。 必须在 清单 中声明以下键才能使用此 API。 有关使用开发者工具 API 的一般说明，请参阅 DevTools API 摘要 。 网络请求信息以 HTTP 归档格式 ( HAR ) 表示。以下各项的说明： HAR 不在本文档的介绍范围内，请参阅 HAR v1.2 规范 。 对于 HAR， chrome.devtools.network.getHAR()

• Chrome এক্সটেনশন

chrome.vpnProvider

使用 chrome.vpnProvider API 实现 VPN 客户端。 vpnProvider 的典型用法如下： 使用 createConfig 方法创建 VPN 配置。VPN 配置是在原生 ChromeOS 界面中向用户显示的永久条目。用户可以从列表中选择 VPN 配置，然后连接到该配置或断开该配置。 为 onPlatformMessage 、 onPacketReceived 和 onConfigRemoved 事件添加监听器。 当用户连接到 VPN 配置时，会收到

• Chrome এক্সটেনশন

chrome.proxy

使用 chrome.proxy API 管理 Chrome 的代理设置。此 API 依赖 ChromeSetting 类型 API 原型 来获取和设置代理配置。 您必须声明“代理”权限，以使用代理设置 API。例如： 代理设置在 proxy.ProxyConfig 对象中定义。根据 Chrome 的代理设置， 这些设置可能包含 proxy.ProxyRules 或 proxy.PacScript 。 ProxyConfig 对象的 mode 属性决定了 Chrome

• Chrome এক্সটেনশন

chrome.printerProvider

chrome.printerProvider API 公开了打印管理器用于查询由扩展程序控制的打印机、查询其功能以及向这些打印机提交打印作业的事件。 字符串（可选） 打印机的直观易懂的说明。 字符串 唯一打印机 ID。 字符串 打印机的人类可读名称。 为响应 onPrintRequested 事件而返回的错误代码。 "OK" 表示操作已成功完成。 "FAILED" 表示发生了常规故障。 "INVALID_TICKET"

• Chrome এক্সটেনশন

chrome.events

chrome.events 命名空间包含一些常用类型，API 会使用这些类型来调度事件，以便在发生值得注意的事情时通知您。 Event 是一个对象，可让您在发生有趣的事情时收到通知。这里有 使用 chrome.alarms.onAlarm 事件在闹钟经过时接收通知的示例： 如示例所示，您将使用 addListener() 注册接收通知。用于 addListener() 始终是您定义的用于处理事件的函数， 函数取决于您正在处理的事件。查看 alarms.onAlarm

• Chrome এক্সটেনশন

chrome.events

chrome.events 命名空间包含一些常用类型，API 会使用这些类型来调度事件，以便在发生值得注意的事情时通知您。 Event 是一个对象，可让您在发生有趣的事情时收到通知。这里有 使用 chrome.alarms.onAlarm 事件在闹钟经过时接收通知的示例： 如示例所示，您将使用 addListener() 注册接收通知。用于 addListener() 始终是您定义的用于处理事件的函数， 函数取决于您正在处理的事件。查看 alarms.onAlarm

• Chrome এক্সটেনশন

chrome.dom

使用 chrome.dom API 访问适用于扩展程序的特殊 DOM API 获取由指定元素托管的打开的影子根或封闭的影子根。如果该元素未附加影子根，它将返回 null。 HTMLElement 对象 请参阅 https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot

• Chrome এক্সটেনশন

chrome.omnibox

多功能框 API 可让您向 Chrome 浏览器的地址栏（也称为多功能框）注册关键字。 当该用户输入您扩展程序中的关键字后，便开始只与您的 。每次按键操作都会发送到您的扩展程序，并且您可以在响应中提供建议。 建议可以采用多种格式以各种格式进行显示。当用户接受建议后 您的扩展程序会收到通知，并可以采取相应措施。 必须在 清单 中声明以下键才能使用此 API。 您必须在 清单 中添加 "omnibox.keyword" 字段，才能使用多功能框 API。您 还应该指定一个 16 x 16

• Chrome এক্সটেনশন

chrome.sockets.tcp

使用 chrome.sockets.tcp API，通过 TCP 连接通过网络发送和接收数据。此 API 会取代之前在 chrome.socket API 中提供的 TCP 功能。 必须在 清单 中声明以下键才能使用此 API。 number 新创建的套接字的 ID。请注意，通过此 API 创建的套接字 ID 与其他 API（例如已弃用的 [ socket ](../socket/) API）创建的套接字 ID 不兼容。 DNS 解析偏好设置。默认值为 any ，并使用可能返回 IPv4 或

chrome.sockets.tcpServer

借助 chrome.sockets.tcpServer API，您可以创建使用 TCP 连接的服务器应用。此 API 会取代之前在 chrome.socket API 中提供的 TCP 功能。 必须在 清单 中声明以下键才能使用此 API。 number 从底层网络调用返回的结果代码。 number 服务器套接字标识符。 number 客户端套接字标识符，即新建立的连接的套接字标识符。此套接字标识符只能与 chrome.sockets.tcp

chrome.app.window

使用 chrome.app.window API 创建窗口。Windows 有一个带有标题栏和大小控件的可选框架。而不会与任何 Chrome 浏览器窗口关联。如需查看这些选项的演示，请参阅 窗口状态示例 。 窗口 JavaScript“窗口”对象。 字符串 创建窗口时所用的 ID。 边界 窗口内容（不包括窗口装饰）的位置、大小和约束条件。这是 Chrome 36 中的新属性。 边界 窗口的位置、大小和约束条件，包括标题栏和框架等窗口装饰。这是 Chrome 36 中的新属性。 void

日志记录

默认情况下，ChromeDriver 只会将警告/错误记录到 stderr 中。调试时 启用更详细的日志记录会很有帮助。 若要启用详细日志记录功能，只需将 --verbose 传递给 chromedriver 服务器即可。 您也可以传递 --log-path ，使日志改为写入文件 错误。如果您没有直接自行启动 chromedriver 服务器， 需要通过 WebDriver 客户端库传递开关。有些客户端不 但很抱歉 将 --log-path 传递给 Chrome 启动命令时，Chrome

ChromeDriver 使用入门

本页记录了如何开始使用 ChromeDriver 来测试您的网站： 桌面 (Windows/Mac/Linux)。您还可以阅读 Android 使用入门 或 ChromeOS 使用入门 。 ChromeDriver 是 Selenium WebDriver 用于控制 Chrome 的独立可执行文件。此扩展程序由 Chromium 团队在 WebDriver 贡献者的帮助下进行维护。如果您不熟悉 Selenium WebDriver，则应访问 Selenium 网站 。

Chrome 扩展程序

您可以打包 Chrome 扩展程序，也可以将其解包。 要打包已解压的扩展程序，请使用 chrome://extensions 中的“打包”按钮，或 请使用 Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension --pack-extension-key=C:\myext.pem" 。如需解压缩打包的扩展程序，请按以下步骤操作： 提取文件。您可能需要将该文件的文件类型从.crx 重命名为.zip ， zip

利用可扩展性 API 自定义性能数据

利用可扩展性 API 自定义性能数据

• Chrome DevTools

Chrome 129 Beta 版

通过这篇博文，您可以预览 Chrome 的下一个版本，其中详细介绍了当前 Beta 版的功能。

• Chrome

chrome.browsingData

使用 chrome.browsingData API 从用户的本地个人资料中移除浏览数据。 您必须在 扩展程序清单 中声明 "browsingData" 权限，才能使用此 API。 此 API 最简单的用例是一种基于时间的机制，用于清除用户浏览数据。 您的代码应提供一个时间戳，指明历史日期，在此日期之后 浏览数据。此时间戳的格式设置为自事件发生以来经过的毫秒数 Unix 纪元（可以使用 getTime() 方法从 JavaScript Date 对象中检索）。

• Chrome এক্সটেনশন

chrome.system.memory

chrome.system.memory API。 number 可用容量的量（以字节为单位）。 number 物理内存容量的总容量（以字节为单位）。 获取物理内存信息。 函数（可选） callback 参数如下所示： MemoryInfo Promise&amp;lt; MemoryInfo &amp;gt; 只有 Manifest V3 及更高版本支持 Promise，其他平台需要使用回调。

• Chrome এক্সটেনশন

chrome.dns

使用 chrome.dns API 进行 DNS 解析。 如需使用此 API，您必须在 清单 中声明 "dns" 权限。 以下代码会调用 resolve() 来检索 example.com 的 IP 地址。 service-worker.js ： 字符串（可选） 表示 IP 地址字面量的字符串。仅当 resultCode 指示成功时才提供。 number 结果代码。零表示成功。 解析给定的主机名或 IP 地址字面量。 字符串 要解析的主机名。 函数（可选） callback 参数如下所示：

• Chrome এক্সটেনশন

API 参考

针对 Chrome 扩展程序可用的所有 API 的完整参考。这包括适用于已弃用的 Chrome 应用平台的 API，以及仍在测试和开发阶段的 API。

• Chrome এক্সটেনশন

Chrome DevTools

使用 Chrome 开发者工具调试和优化 Web 应用。

• Chrome DevTools

Chrome 128 中的新功能

Chrome 128 现已推出！通过使用换行符改进红宝石元素的显示，Promise.try 来更轻松地启动 Promise 链，通过扩展 PointerEvent 接口来唯一地标识多种笔，等等。Adriana Jara 详细介绍了 Chrome 128 中面向开发者的新功能。

• Chrome

Chrome 128

Chrome 128 将于 2024 年 8 月 20 日开始逐步推出，包含 CSS ruby-align 属性 Promise.try 以及更多内容。

• Chrome

WebGPU 的新变化 (Chrome 128)

使用子群组进行实验，弃用线和点的深度偏差设置，隐藏未捕获的错误开发者工具警告（如果 preventDefault），先进行 WGSL 插值采样，然后执行上述任一操作。

• Chrome
• WebGpu

媒体：查看和调试媒体播放器信息

使用“媒体面板”按浏览器标签页查看信息和调试媒体播放器。

• Chrome DevTools

File System Observer API 源试用

Chrome 团队正在对新的 File System Observer API 进行实验，该 API 可将文件系统发生的变化告知开发者。

• Chrome

使用 WebGPU 构建应用

了解如何使用 WebGPU 构建适用于 Web 和特定平台的应用。

提升了 Chromium 无障碍功能的性能

Ahmed Elwasefi 的一篇帖子，分享了他是如何通过 Google 夏季编程活动成为 Chromium 贡献者的。

• Chrome

chrome.alarms

使用 chrome.alarms API 安排代码定期运行或在未来的指定时间运行。 如需使用 chrome.alarms API，请在 清单 中声明 "alarms" 权限： 以下示例展示了如何使用和响应闹钟。如需试用此 API， 安装 chrome-extension-samples 中的 chrome-extension-samples 存储库 以下示例会在安装扩展程序时在 Service Worker 中设置警报： service-worker.js ： 以下示例根据已响铃闹钟的名称设置

• Chrome এক্সটেনশন

chrome.contextMenus

使用 chrome.contextMenus API 向 Google Chrome 的上下文菜单中添加项。您可以选择从右键菜单中添加的对象类型，例如图片、超链接和页面。 上下文菜单项可以出现在任何文档（或文档中的框架）中，甚至是那些带有 file:// 的菜单项 或 chrome:// 网址。要控制您的内容可以显示在哪些文档中，请指定 documentUrlPatterns 字段。 create() update() 您可以根据需要创建任意数量的上下文菜单项，但如果扩展程序中的多个菜单项 则

• Chrome এক্সটেনশন

chrome.audio

通过提供 chrome.audio API，用户可以获取有关系统连接到的音频设备的信息并控制该设备。此 API 目前只能在适用于 ChromeOS 的自助服务终端模式下使用。 字符串 设备名称。 DeviceType 设备类型。 字符串 简单易懂的名称（例如“USB 麦克风”）。 字符串 音频设备的唯一标识符。 布尔值 如果这是当前活跃设备，则为 true。 number 设备的音量、输出的音量、输入的增益。 字符串（可选） 稳定/持久保留的设备 ID 字符串（如果有）。 StreamType

• Chrome এক্সটেনশন

chrome.commands

您可以使用 Command API 添加可在扩展程序中触发操作的键盘快捷键，例如，用于打开浏览器操作或向扩展程序发送命令的操作。 必须在 清单 中声明以下键才能使用此 API。 Commands API 允许扩展程序开发者定义特定命令，并将它们绑定到默认命令 组合键。扩展程序接受的每个命令都必须声明为 "commands" 对象。 属性键用作命令的名称。命令对象可以采用两个属性。 可选属性，用于声明命令的默认键盘快捷键。如果省略， 命令就会解除绑定此属性可以采用字符串或对象值。 字符串值

• Chrome এক্সটেনশন

chrome.debugger

chrome.debugger API 可用作 Chrome 远程调试协议 的替代传输服务。使用 chrome.debugger 附加到一个或多个标签页，以便对网络交互进行插桩、调试 JavaScript、转变 DOM 和 CSS 等。使用 Debuggee 属性 tabId 可定位具有 sendCommand 的标签页，并通过 tabId 从 onEvent 回调对事件进行路由。 出于安全考虑， chrome.debugger API 不提供对所有 Chrome

• Chrome এক্সটেনশন

chrome.declarativeContent

使用 chrome.declarativeContent API 可根据网页内容执行操作，而无需读取网页内容的权限。 声明式 Content API 可让您根据 或者 CSS 选择器与页面上的某个元素匹配，无需 添加 主机权限 或注入 内容脚本 。 使用 activeTab 权限，以在用户点击 操作。 规则由条件和操作组成。如果满足任一条件，则所有操作 。这些操作包括 setIcon 和 showAction 。 当且仅当所有网页都列出时， PageStateMatcher

• Chrome এক্সটেনশন

chrome.declarativeNetRequest

chrome.declarativeNetRequest API 用于通过指定声明式规则来屏蔽或修改网络请求。这样一来，扩展程序就能够修改网络请求，而不会拦截这类请求并查看其中的内容，从而更好地保护用户隐私。 declarativeNetRequestFeedback host_permissions 除了上述权限之外，某些类型的规则集（具体来说是静态规则集）还要求声明 "declarative_net_request" 清单键，该清单键应该是具有一个名为 "rule_resources"

• Chrome এক্সটেনশন

chrome.browsingData

使用 chrome.browsingData API 从用户的本地个人资料中移除浏览数据。 您必须声明“browsingData”权限，才能使用此 API。 此 API 最简单的用例是一种基于时间的机制，用于清除用户浏览数据。 您的代码应提供一个时间戳，指明历史日期，在此日期之后 浏览数据。此时间戳的格式设置为自事件发生以来经过的毫秒数 Unix 纪元（可通过 getTime 方法从 JavaScript Date 对象中检索）。 例如，要清除用户上周的所有浏览数据，您可以编写如下代码： 如下：

• Chrome এক্সটেনশন

File System Access API：简化对本地文件的访问

借助 File System Access API，开发者可以构建功能强大的 Web 应用，与用户本地设备上的文件进行交互，例如 IDE、照片和视频编辑器、文本编辑器等。用户向 Web 应用授予访问权限后，此 API 可让用户直接读取或保存对用户设备上的文件和文件夹所做的更改。

已推出抢先体验版 Summarization API

EPP 参与者现在可以使用 Chrome 中适用于 Gemini Nano 的摘要 API 进行原型设计。

• Chrome

滚动贴靠事件

引入了两个新的 JavaScript 事件：scrollSnapChange 和 scrollSnapChanged。

• Chrome

尝试衡量软导航

Chrome 团队正努力更好地衡量单页应用使用的所谓的软导航，为此，现在提供了一个带有标记的新 API，供网站进行相关实验。

使用开发者工具截取屏幕截图的 4 种方式

了解使用开发者工具截取屏幕截图的 4 种独特方法。

• Chrome DevTools
• Chrome

Chrome 128 开发者工具中的新功能

控制台数据分析现已在欧洲推出，增强型网络轨道和 API 可帮助您在“性能”面板中自定义轨道，等等。

• Chrome DevTools
• Chrome

WebDriver BiDi 可在 Firefox、Chrome 和 Puppeteer 中正式投入使用

Puppeteer 23 引入了对 Firefox 129 及更高版本的稳定支持，根据 WebDriver BiDi 为 Chrome 和 Firefox 自动化功能提供统一的 API。

• Chrome

Blog

来自 Chrome 开发者关系团队的最新资讯

• Chrome

参与 Chrome 内置 AI 实验

有关内置 AI、Prompt API 和 Chrome 的 AI 方案的更新。

• Chrome

Android 版 Chrome 中的通行密钥用户体验更新

Android 版 Chrome 现在集成了 Credential Manager，可让第三方密码管理工具在 Android 14 及更高版本上提供通行密钥

• Chrome

作者定义的 CSS 名称和 shadow DOM：规范和实践

说明 CSS 中 shadow DOM 中使用的作者定义名称的当前互操作状态。

超越正则表达式：在 Chrome 开发者工具中增强 CSS 值解析

了解开发者工具团队如何改进“样式”标签页中的样式呈现方式。

• Chrome

现在可在 BrowserStack 上通过 WebDriver BiDi 实现自动化

BrowserStack 引入 WebDriver BiDi 支持：通过事件驱动型自动化增强 Selenium 网格测试。

• Chrome

CrUX API

了解如何构建向 CrUX API 发送的请求以及解析来自 CrUX API 的响应。

• Chrome UX রিপোর্ট

CrUX History API

了解如何使用 CrUX History API 查询过去 6 个月的 CrUX 历史趋势。

• Chrome UX রিপোর্ট

借助“早期提示”利用服务器思考时间来加快页面加载速度

了解您的服务器如何向浏览器发送有关关键子资源的提示。

“网络”面板：分析网络负载和资源

分析网络负载和资源

• Chrome DevTools

断线 <红宝石>和 CSS ruby-align 属性

可换行的 ruby 元素和 CSS ruby-align 属性

• Chrome

示例

GitHub 上 提供了 Chrome 扩展程序的示例。

• Chrome এক্সটেনশন

发布您的应用

待办

• Chrome এক্সটেনশন

清单 - 版本

一到四个以英文句点分隔的整数，用于标识此扩展程序的版本。有几项规则适用于整数：它们必须介于 0 到 65, 535 之间（包括 0 和 65, 535），并且非零整数不能以 0 开头。例如，99999 和 032 都无效。 以下是有效版本的一些示例： 自动更新系统会比较版本，以确定已安装的扩展程序是否需要更新。如果已发布的扩展程序的版本字符串比已安装的扩展程序更新，则该扩展程序会自动更新。 比较从最左边的整数开始。如果这些整数相等，则比较右侧的整数，依此类推。例如，1.2.0 是比

清单 - 默认语言区域

指定包含此扩展程序的默认字符串的 _locales 的子目录。在具有 _locales 目录的扩展程序中， 必须 填写此字段；在没有 _locales 目录的扩展程序中，此字段 必须不存在 。如需了解详情，请参阅 国际化 。

清单 - 已启用离线功能

应用或扩展程序是否可离线工作。当 Chrome 检测到自己处于离线状态时，将在“新标签页”页面上突出显示此字段设为 true 的应用。 从 Chrome 35 开始，除非应用请求 "webview" 权限，否则应用被视为已启用离线功能，且 "offline_enabled" 的默认值为 true 。在这种情况下，系统会假定网络连接是必需的，并且 "offline_enabled" 默认为 false 。 "offline_enabled" 值还可用于确定在 ChromeOS 自助服务终端模式

清单 - Chrome 最低版本

您的扩展程序、应用或主题所需的 Chrome 版本（如果有）。此字符串的格式与 version 字段相同。

工作区流

RouteHandlerCallbackOptions StreamSource | Promise&lt; StreamSource &gt; 响应 ReadableStream BodyInit 接受多个源 promise，每个 promise 都可以解析为 Response、ReadableStream 或 BodyInit 。 返回一个对象，该对象会展示一个 ReadableStream （其中包含按顺序返回每个流的数据），以及一个在流结束时发出信号的 Promise（用于传递给

清单 - 说明

描述扩展程序的纯文本字符串（无 HTML 或其他格式；不超过 132 个字符）。该说明应适合浏览器的扩展程序管理界面和 Chrome 应用商店 。您可以为此字段指定特定于语言区域的字符串；如需了解详情，请参阅 国际化 。

清单 - 键

此值可用于在开发期间加载扩展程序、应用或主题时控制其唯一 ID。 如需获取合适的键值对，请先通过.crx 文件安装扩展程序（您可能需要 上传扩展程序 或 手动将其打包 ）。然后，在 用户数据目录 中查找文件 Default/Extensions/_&lt;extensionId&gt;_/_&lt;versionString&gt;_/manifest.json 。您会看到已填充的键值对。

更新：活动页和后台页

清单 - 名称和简称

name 和 short_name 清单属性是用于标识应用的简短纯文本字符串。您可以为这两个字段指定特定于语言区域的字符串；如需了解详情，请参阅 国际化 。 name （最多 45 个字符）是应用的主要标识符，是必填字段。 它显示在以下位置： short_name （建议不超过 12 个字符）是应用名称的简短版本。这是一个可选字段，如果未指定，则系统会使用 name ，但可能会将其截断。通常在没有足够空间来显示全名时使用简称，例如：

已停用的网络功能

虽然 Chrome 应用使用的是网络平台，但部分网络功能已停用或以其他方式使用。这主要是为了避免安全问题和改进编程做法。下面总结了该 Web 平台已停用的功能以及可能的权宜解决方法：

Chrome 128 Beta 版

通过这篇博文，您可以预览 Chrome 的下一个版本，其中详细介绍了当前 Beta 版的功能。

• Chrome

Chrome 127 中的新功能

Chrome 127 现已推出！借助对 font-size-adjust 的支持，Document Picture-in-Picture API 中传播的用户激活，以及键盘可聚焦滚动容器等众多功能。Adriana Jara 详细介绍了 Chrome 127 中面向开发者的新功能。

• Chrome

Chrome 如何帮助用户安装他们重视的应用

Chrome 的内部用户研究表明，许多用户都非常重视安装 Web 应用。这样做有诸多好处，例如： Chrome 和 Web 开发者可以通过多种方式提供帮助，包括新的机器学习促销功能。本文简要介绍了用户安装应用的方式。 符合 Chrome 的 可安装性条件 的应用会在 Chrome 桌面浏览器的地址栏中自动显示安装图标（在以下屏幕截图中突出显示）。用户可以点击安装应用。 另一种安装方法是依次点按 更多 图标 保存和分享 安装 $appName 。

• Chrome

Chrome 127

Chrome 127 将于 2024 年 7 月 23 日开始发布，包含 CSS font-size-adjust、键盘可聚焦滚动容器，以及更多精彩内容。

• Chrome

WebGPU 的新变化 (Chrome 127)

针对 Android 上的 OpenGL ES、GPUAdapter 信息属性、WebAssembly 互操作性改进等方面的实验性支持。

• Chrome
• WebGpu

请求开发者就朗读流程和带有“display: content”的元素提供反馈意见

帮助我们确保阅读流程符合您的需求。

• Chrome

网络功能参考

有关 Chrome 开发者工具 Network 面板功能的全面参考。

• Chrome DevTools

偏好设置

“偏好设置”标签页参考。

• Chrome DevTools

“记录器”面板：记录和衡量用户流

分析和记录用户流。

• Chrome DevTools

关于视图转换的误解

随着越来越多的人开始使用 View Transition API，您需要破除一些误解。

• Chrome

Chrome 扩展程序发生了什么情况？

简要介绍 Chrome 扩展程序近期的变化，以及即将推出的令人期待的扩展程序功能。

• Chrome এক্সটেনশন
• Chrome

Chrome 扩展程序：重要的政策更新

本公告包含对“开发者计划政策”页面的一系列更新，这些更新旨在鼓励开发高质量的产品、防止欺骗性行为并确保用户知情同意。

• Chrome এক্সটেনশন
• Chrome

Chrome 127 开发者工具的新变化

元素中的 CSS 锚点定位、“来源”中的“永不暂停”功能、新的滚动贴靠事件监听器、更新了网络节流预设，等等。

• Chrome
• Chrome DevTools

检查模式：快速分析元素属性

检查 Web 应用中的元素

• Chrome DevTools

性能功能参考

有关在 Chrome 开发者工具中记录和分析性能的所有方式的参考信息。

• Chrome DevTools

向 YouTube 添加可信类型

YouTube 正在通过可信类型增强平台安全性，以防止跨站脚本攻击，但这可能会影响您的扩展程序。

• Chrome এক্সটেনশন
• Chrome

Long Animation Frame API 现已发布

Long Animation Frame API (LoAF) 已经从 Chrome 123 开始提供，我们现在还更新了工具和指南，以帮助您充分利用以下新 API。

• Chrome

避免 DOM 规模过大

了解大型 DOM 如何降低网页性能，以及如何在加载时缩减 DOM 的大小。

在 Chrome 中预渲染网页以实现即时网页导航

Chrome 团队一直在努力研究各种选项，以期重新针对用户可能浏览的网页进行完整的预呈现。

Chrome 应用商店幕后：询问信任与安全您的问题

我们与负责 Chrome 应用商店审核的团队坐下来畅聊。

• Chrome এক্সটেনশন
• Chrome

使用存储分区时的最大 IndexedDB 性能

Chrome 团队已对 IndexedDB (IDB) 的实现做出了一些与性能相关的改进。

• Chrome

Chrome 127 Beta 版

下载 Chrome 测试版，即可测试加入 Chrome 的最新功能。

• Chrome

针对新 HTML <permission> 元素的源试用

Chrome 团队正在试验一种新的声明式 HTML <权限> 元素，该元素旨在请求用户获取对各种强大功能的使用权限。

• Chrome

在浏览器中缓存 AI 模型

为了将来更快地启动 AI 赋能的应用，请在设备上显式缓存模型数据。

WebGPU 的新变化 (Chrome 126)

提高了 maxTextureArrayLayers 限制、针对 Vulkan 后端优化了缓冲区上传、缩短了着色器编译时间、提交的命令缓冲区必须是唯一的，以及 Dawn 更新。

• Chrome
• WebGpu

Chrome 126

Chrome 126 将于 2024 年 6 月 11 日推出，届时会进行跨文档视图转换、重新启用 CloseWatcher API，针对 Gamepad API 触发规则混乱，还有诸多其他功能。

• Chrome

CSS 和网页界面最新动态：2024 年 I/O 大会回顾

阅读 2024 年 Google I/O 大会上发布的所有 CSS 和 Web 界面公告。

• Chrome

Chrome 126 的新变化

Chrome 126 现已推出！凭借 ViewTransitions API 中对跨文档转换的支持，针对 Gamepad API 重新启用了 CloseWatcher API，触发器进行了混乱，还有许多其他功能以及更多其他功能。Adriana Jara 介绍了 Chrome 126 为开发者提供的所有详细信息。

• Chrome

废弃卸载事件

从 Chrome 117 开始，卸载事件将逐步弃用。了解这意味着什么，以及网站和企业如何为此次变更做好准备

Chrome UX Report

关于 CrUX 指标的技术文档。

• Chrome UX রিপোর্ট

3 项新功能，可自定义开发者工具中的性能工作流

了解有助于优化“效果”面板并专注于最需要的信息的最新功能

• Chrome
• Chrome DevTools

协议监控：查看和发送 CDP 请求

监控 CDP 请求和响应。

• Chrome DevTools

在重新计算样式事件期间分析 CSS 选择器性能

在重新计算样式事件期间分析 CSS 选择器性能。

• Chrome DevTools

跳过审核以查找符合条件的附加信息更改

我们很高兴地宣布推出一项新功能，该功能可让开发者使用声明式 Net Request API 跳过对 Manifest V3 扩展程序符合条件的更改的审核流程。

• Chrome

没有具有宽度或初始缩放的标记

了解“没有包含宽度或初始缩放比例的标记”Lighthouse 审核。

广告资源网条件：替换用户代理字符串

了解如何使用“网络状况”面板模拟其他浏览器。

• Chrome DevTools

开发者工具的新变化，Chrome 126

改进了轨道配置模式、火焰图中的忽略列表，以及在“性能”面板中将 CPU 节流 20 倍，等等。

• Chrome
• Chrome DevTools

2024 年 Google I/O 大会上的 Chrome 扩展程序

另一届 Google I/O 大会即将拉开帷幕，我们介绍了所有激动人心的扩展程序更新！

• Chrome

调试 JavaScript

了解如何使用 Chrome 开发者工具查找和修复 JavaScript bug。

• Chrome DevTools

使用 Chrome 开发者工具调试推测规则

全面了解 Chrome 开发者工具的各项功能，以便调试用于预提取和预呈现未来网页导航操作的推测规则。

• Chrome DevTools

快捷来源面板

可以查看源文件并使用其他工具。

• Chrome DevTools

借助客户端 Web AI 鼓励获得实用的商品评价

以下 Codelab 提供了客户端 AI。无需 AI 开发知识、服务器或 API 密钥。

利用 AI 评估商品评价

设备端 AI 是最新产品，可为用户提供强大的模型，同时保护敏感数据并缩短延迟时间。

2024 年 I/O 大会 Web AI 总结：为您的下一个 Web 应用打造的新模型、工具和 API

阅读 2024 年 I/O 大会上的 Web AI 总结。了解适用于您的下一个 Web 应用的新模型、工具和 API。

• Chrome
• WebGpu

Chrome 126 Beta 版

Chrome 126 Beta 版包含跨文档视图转换，以及 Gamepad API Trigger-Rumble 扩展程序和其他功能。

• Chrome

“性能监控”面板

实时分析网站的运行时性能。

• Chrome DevTools

有助于加快 Web AI 速度的 WebAssembly 和 WebGPU 增强功能（第 2 部分）

第 2 部分（共 2 部分）。了解 WebAssembly 和 WebGPU 增强功能如何提高 Web 上的机器学习性能。

• Chrome

用于实现更快的 Web AI 的 WebAssembly 和 WebGPU 增强功能（第 1 部分）

第 1 部分（共 2 部分）。了解 WebAssembly 和 WebGPU 增强功能如何提升 Web 上的机器学习性能。

• Chrome

JavaScript 框架的新变化（2024 年 5 月）

本文档简要介绍了 JavaScript 框架生态系统近期发生的变化。

• Chrome

视图转换有哪些新变化？（2024 年 Google I/O 大会更新）

宣布推出适用于 MPA 的跨文档视图转换、使用活动类型的选择性视图转换，以及使用 view-transition-class 共享动画样式。

• Chrome

对 Async Clipboard API 的 SVG 支持

Async Clipboard API 现在可以处理 SVG 图片。

• Chrome

在 Windows 上推出 UIA 支持

从 Chrome 126 开始，支持 Windows 界面自动化框架。

• Chrome

在本地替换 Web 内容和 HTTP 响应标头

使用本地替换可以模拟远程资源，并在页面加载时保留您在开发者工具中所做的更改。

• Chrome DevTools

开发者工具提示：替换和模拟网络响应

了解如何使用开发者工具替换和模拟网络响应。

• Chrome
• Chrome DevTools

Chrome 125

Chrome 125 将于 2024 年 5 月 14 日开始发布，其中包含 CSS Anchor 定位、Compute Pressure API 和新的 Baseline 功能，以及更多其他功能。

• Chrome

何时选择客户端 AI

客户端 AI 是最新推出的一项产品，可为用户提供强大的模型，同时保护敏感数据并缩短延迟时间。

2024 年 Google I/O 大会的 10 项更新：为每位 Web 开发者解锁 AI 的强大功能

通过 Google I/O 开发者主旨演讲和讲座探索精彩功能。

• Chrome

Chrome 125 的新变化

Chrome 125 现已推出！利用 CSS Anchor Positioning API、Compute Pressure API、Storage Access API 扩展等等。Adriana Jara 介绍了 Chrome 125 为开发者提供的所有详细信息。

• Chrome

Spotify 如何使用 Picture-in-Picture API 构建 Spotify Miniplayer

了解 Spotify 迷你播放器如何从“画布摄影”转变为通过 Document Picture-in-Picture API 实现的精致体验。

• Chrome

通过控制台数据分析更好地了解错误和警告

使用 Gemini 可以更好地了解控制台中的错误和警告。

• Chrome DevTools

CSS Anchor Positioning API 简介

使用新的 Anchor 定位 API 确定元素彼此之间的相对位置。

• Chrome

使用 Chrome 在企业中开展测试

了解如何克服在企业环境中进行测试的挑战

• Chrome

使用 Chrome 中的工具进行顺畅的自动化测试

简要介绍 Puppeteer、Chrome Headless 和 Chrome for Testing，以及 Chrome 工具团队提供的其他资源。

• Chrome

开发者工具的新变化，Chrome 125

控制台中的错误原因、“性能”中的 CSS 选择器统计信息、“网络”中的 Early Hints 标头等。

• Chrome
• Chrome DevTools

滚动条驱动动画案例研究

通过 Policybazaar、redBus 和 Tokopedia 探索滚动条驱动的动画的优势。

• Chrome

:has() 案例研究

了解 Policybazaar 和 Tokopedia 如何使用 :has() 来获益。

• Chrome

容器查询案例研究

从 redBus 和 Tokopedia 了解容器查询的优势。

• Chrome

查看转换案例研究

redBus、Policybazaar 和 Tokopedia 都使用 View Transition API，提升了性能和流畅的界面。

• Chrome

为什么 CSS 和界面功能对您的电子商务网站很重要？

了解电子商务网站如何从实现最新的 CSS 和界面功能（视图转换、滚动驱动的动画、Popover API 等）中受益。

• Chrome

WebGPU 的新变化 (Chrome 125)

开发中的子组，并渲染为 3D 纹理切片。

• Chrome
• WebGpu

全新推出“释放滚动动画的强大能力”

这个视频课程包含 10 个部分，全面介绍了滚动式动画

• Chrome

WebGPU 概览

WebGPU 支持高性能 3D 图形和 Web 上的数据并行计算。

• WebGpu

CSS 砌体的替代建议

定义不同规范的砌体和网格的方案。

• Chrome

清单 - Chrome 最低版本

manifest.json 的 minimum_chrome_version 属性的参考文档。

• Chrome এক্সটেনশন

针对非安全上下文的专用网络访问 (PNA) 弃用试用已结束 - 请实施 PNA 权限提示

如果要从无法转换成 HTTPS 的网站访问专用网络设备，您必须使用权限提示来放宽混合内容检查要求。

• Chrome

Popover 案例研究

Tokopedia 使用 Popover API 减少其应用中的代码量。

• Chrome

滚动和缩放已录制的标签页

借助 Captured Surface Control API，Web 应用可以滚动和缩放已截取的标签页。

WebAudio：查看 WebAudio API 指标

在 WebAudio 面板中查看 WebAudio API 指标

• Chrome DevTools

清单 - 试用令牌

关于 manifest.json 的 trial_tokens 属性的参考文档。

• Chrome এক্সটেনশন

Chrome 125 Beta 版

CSS Anchor 定位、CSS 阶梯式函数、Compute Pressure API 等。

• Chrome

当前网页在离线时没有响应，并返回 200

了解如何让您的渐进式 Web 应用离线工作。

清单没有可遮盖式图标

了解如何为 PWA 添加可遮盖式图标支持。

Chrome 扩展程序发生了什么情况？

简要介绍 Chrome 扩展程序近期的变化，以及即将推出的令人期待的扩展程序功能。

• Chrome
• Chrome এক্সটেনশন

没有为地址栏设置主题颜色

了解如何为渐进式 Web 应用设置地址栏主题颜色。

未根据视口正确设置内容大小

了解如何调整网页内容的大小，以适应移动设备屏幕。

网页加载速度在移动网络上不够快

了解如何使网页在移动网络上快速加载。

不注册用于控制 page 和 start_url 的 Service Worker

了解如何注册支持渐进式 Web 应用功能（例如离线功能、推送通知和可安装性）的 Service Worker。

不会将 HTTP 流量重定向到 HTTPS

了解如何通过将所有网页重定向到 HTTPS 来提高网站的安全性。

在 JavaScript 不可用时不提供后备内容

了解如何确保在 JavaScript 不可用时，用户至少可以浏览网页上的部分内容。

Chrome 124

Chrome 124 将于 2024 年 4 月 16 日开始发布，其中包括 setHTMLUnsafe、WebSocket 流以及更多其他功能。

• Chrome

未针对自定义启动画面配置

了解如何为渐进式 Web 应用创建自定义启动画面。

未提供有效的 Apple-touch-icon

了解如何指定您的渐进式 Web 应用在 iOS 主屏幕上显示的图标。

动画：检查和修改 CSS 动画效果

使用“Animations”面板检查和修改动画。

• Chrome DevTools

网站可在各种浏览器中正常运行

了解如何使用 Workbox 确保您的网页可在各种浏览器中正常运行。

每个网页都有一个网址

了解 Lighthouse - 每个页面都会进行网址审核。

限制

限制标签页引用。

• Chrome DevTools

Chrome 124 的新变化

Chrome 124 现已推出！有两个新 API 支持从 JavaScript 使用声明性 shadow DOM。您可以在 Web Socket 中使用流。改进了视图过渡。还有很多其他功能。Pete LePage 介绍了 Chrome 124 中面向开发者的新功能的所有详细信息。

• Chrome

自动填充：检查和调试已保存的地址

使用“自动填充”面板检查和调试在 Chrome 中保存的地址。

• Chrome DevTools

Foldable API 源试用

Foldable API 是 Chrome 中的两个 API，旨在帮助开发者以可折叠设备为目标。

• Chrome

start_url 在离线时未响应 200

了解如何配置渐进式 Web 应用的 start_url，以便离线访问您的应用。

现在需要获得用户权限才能访问 MIDI 设备

Chrome 现在通过权限提示对整个 Web MIDI API 进行控制。

• Chrome

Web 应用清单不符合可安装性要求

了解如何使您的渐进式 Web 应用可供安装。

不使用 HTTPS

了解如何使用 HTTPS 保护您的网站。

网页转换时不会像在网络中畅行无阻

了解如何让网页之间的过渡具有响应感，即使网速缓慢也无妨。

使用 View Transition API 实现平滑过渡

利用 View Transition API，您可以在网站视图之间添加过渡效果。

适用于多页面应用的跨文档视图过渡

开始在您的多页应用 (MPA) 中使用跨文档视图过渡。

有趣又强大：Chrome 开发者工具简介

了解开发者工具如何改进您的 Web 应用开发。

• Chrome DevTools
• Chrome

如何通过 PageSpeed Insights 查看 Chrome 用户体验报告数据

PageSpeed Insights (PSI) 是一款供 Web 开发者了解网页性能指标及改进方法的工具。在本指南中，您将了解如何使用 PSI 从 CrUX 中提取数据洞见，并更好地了解用户体验。

• Chrome UX রিপোর্ট

BigQuery 上的 CrUX

了解 BigQuery 上的 CrUX 数据集的结构。

• Chrome UX রিপোর্ট

WebGPU 的新变化 (Chrome 124)

提供只读和读写存储纹理、Service Worker 和共享工作器支持，新增了适配器信息属性和 bug 修复。

• Chrome
• WebGpu

CrUX 中现已提供导航类型

了解 Chrome 用户体验报告 (CrUX) 中新增的 navigation_types 指标，以及如何使用该指标来解释和优化网站性能指标。

• Chrome

CrUX 指南

通过简单易懂的指南了解如何使用 CrUX

• Chrome UX রিপোর্ট

Chrome 应用商店开发者信息中心内的版本回滚

本周，我们很高兴地推出一项新功能，让开发者能够将其扩展程序在 Chrome 应用商店中的版本回滚到之前发布的版本。我们的目标是让开发者在发布更新时更加放心，尤其是在过渡到清单 V3 时。 从今天起，您无需提交包含 bug 修复程序的新版扩展程序，并等待其通过审核。不过，您可以通过 更多 菜单或商品的文件包页面启动回滚。 回滚需要提供一个新版本号（扩展程序的旧版本将以此版本号重新发布），以及回滚原因。填写所需信息后，确认回滚。 回滚完成后，系统会通过正常的 Chrome

• Chrome এক্সটেনশন
• Chrome

确保文本在网页字体加载期间保持可见

了解如何使用 font-display API 确保您的网页文本始终对用户可见。

开发者工具的新变化，Chrome 124

滚动条驱动的动画支持、新的“自动填充”面板、网络节流中用于 WebRTC 的新选项，等等。

• Chrome
• Chrome DevTools

Goodbye JS Profiler，使用“Performance”面板对 CPU 进行性能分析

了解分析 CPU 性能的后续路径，了解我们废弃 JavaScript 性能分析器的原因和方式。

• Chrome

往返缓存 notRestoredReasons API

报告有关文档中存在的帧是否被禁止在导航时使用往返缓存的信息。

使用“性能”面板分析 Node.js 性能

了解如何使用“性能”面板分析 Node.js 应用性能。

• Chrome DevTools

WebAssembly JavaScript Promise 集成 (JSPI) 进入源试用

JavaScript Promise Integration (JSPI) 是一种 API，可让编译为 WebAssembly 的同步依序代码访问异步 Web API。

• Chrome

fetchLater API 源试用

了解 fetchLater API（现处于源试用阶段），这是一种用于请求延迟提取（即使网页关闭也会完成）的新 API。

• Chrome

网络请求：通过屏蔽网络请求来测试您的网站

测试您的网站如何处理缺少的资源。

• Chrome DevTools

Chrome 124 Beta 版

writesuggestions HTML 属性、WebSocketStream API、优先级 HTTP 请求标头等。

• Chrome

键盘可聚焦的滚动条

我们将推出一项更改，使滚动条既没有设置 tabindex 值，也没有可聚焦子键盘的可聚焦项。

• Chrome

Chrome 123 的新变化

Chrome 123 现已推出！借助新的浅色深色函数、Long Animation Frames API、Service Worker Static Routing API 等等。Adriana Jara 介绍了 Chrome 123 为开发者提供的所有详细信息。

• Chrome

使用 Service Worker Static Routing API 为特定路径绕过 Service Worker

了解如何使用 Chrome 123 中提供的这个新 API。

• Chrome

专用网络访问：针对 Web Worker 和导航提取的扩展保护

了解专用网络访问面向 Web 工作器的主要安全机制、导航提取和即将推出的保护机制。本文档还介绍了网站所有者在使用专用网络时应执行的操作。

• Chrome

2024 年及以后的性能工具

了解 Chrome 团队改进开发者工具的“性能”面板的计划。

• Chrome DevTools
• Chrome

隐藏扩展程序请求并进一步改进“网络”面板

探索 Chrome DevTools 的 Network 面板的最新改进，这些改进旨在简化您的网络调试体验。

• Chrome
• Chrome DevTools

元素面板概览

即时对 DOM 进行更改。

• Chrome DevTools

WebGPU 的新变化 (Chrome 123)

DP4a 内置函数支持、不受限制的指针参数、用于在 WGSL 中解引用复合的语法糖等。

• Chrome
• WebGpu

应用其他效果：启用自动深色主题、模拟焦点等

突出显示广告框架、模拟网页上的焦点、停用本地字体和图片格式、启用自动深色主题，以及模拟视觉缺陷。

• Chrome DevTools

使用断点暂停代码

了解在 Chrome 开发者工具中暂停代码的所有方法。

• Chrome DevTools

CSS 功能参考

探索用于在 Chrome 开发者工具中查看和更改 CSS 的新工作流。

• Chrome DevTools

查看和更改 CSS

了解如何使用 Chrome 开发者工具查看和更改页面的 CSS。

• Chrome DevTools

以 chrome-headless-shell 下载旧版 Chrome

现在，对于每个面向用户的 Chrome 版本，您都可以将旧版 Headless Chrome 作为独立的二进制文件下载。

• Chrome

通过共享字典提高压缩效率

共享字典压缩对 Web 上的压缩功能进行了巨大提升。了解什么是静态资源和动态资源，以及它们的工作原理，以及它们如何能够比标准压缩进一步减少 Web 上静态和动态资源的加载时间。

• Chrome

应用面板概览

直接通过浏览器获取有关您的 Web 应用的重要信息。

• Chrome DevTools

对 Speculation Rules API 的改进

Speculation Rules API 最新更新的详细信息，包括平台的文档规则、紧急程度设置、限制和推测规则支持。

• Chrome

新变化概览

探索 Chrome 开发者工具的最新功能

• Chrome DevTools

国际化接口

使用 chrome.i18n API 以多种语言呈现您的界面。

• Chrome এক্সটেনশন

使您的扩展程序可供访问

对于许多用户而言，无障碍功能实际上就是界面，其功能对许多其他用户来说非常有用。

• Chrome এক্সটেনশন

Chrome 扩展程序：测试 Service Worker 中止过程

在这篇博文中，eyeo 团队分享了他们对测试扩展 Service Worker 这一问题的经历。特别是如何确保其 Chrome 扩展程序在 Service Worker 被暂停时正常工作。

• Chrome
• Chrome এক্সটেনশন

开发者工具的新变化 (Chrome 123)

复活节彩蛋、元素和样式中的聚焦页面模拟、新的 Lighthouse 审核等等。

• Chrome DevTools
• Chrome

用于管理第三方库的 Next.js 软件包

了解如何使用 @next/third-parties 库优化热门第三方资源的加载

• Chrome

Chrome 123 Beta 版

CSS light-dark() 颜色函数、方块的 align-content、field-sizing 属性和 pagereveal 事件。

• Chrome

支持在块布局和表格布局中使用 align-content

从 Chrome 123 开始，使用 align-content 对齐内容，而无需创建 flex 或网格容器。

• Chrome

在 Device Mode 下模拟移动设备

在 Chrome 设备模式下使用虚拟设备打造移动优先网站。

• Chrome DevTools

Chrome 122 的新变化

Chrome 122 现已推出！在新的 Storage Buckets API 中，开发者工具性能面板更新，使用 Async Clipboard API 读取 HTML 的未清理选项，等等。Adriana Jara 介绍了 Chrome 122 为开发者提供的所有详细信息。

• Chrome

键盘快捷键

Chrome 开发者工具键盘快捷键的规范文档。

• Chrome DevTools

对 CSS ::backdrop 继承的更改

从 Chrome 122 开始，`::backdrop` 元素会继承其源元素的属性。

• Chrome

配置扩展程序图标

扩展程序至少需要一个图标才能显示在工具栏中。

• Chrome এক্সটেনশন

通过 Perf-ception 提升性能面板速度 400%

开发者工具中的“性能”面板是一个功能强大的工具，用于诊断、调试和修复 Web 应用的性能问题。这次，我们会带您了解我们如何使用开发者工具中的性能面板来改进性能面板本身的性能，以及我们是如何实现非常显著的改进的。

• Chrome

Chrome Extensions

待定

• Chrome এক্সটেনশন

使用 WebUSB

WebUSB API 可在扩展程序中提供 WebUSB API，该 API 可将非标准通用串行总线 (USB) 兼容设备连接到网络。

• Chrome এক্সটেনশন

迁移到 Manifest V3

将 Manifest V2 扩展程序转换为 Manifest V3 扩展程序的指南。

• Chrome এক্সটেনশন

使用 WebHID

WebHID API 可在扩展程序中提供与人机接口设备 (HID) 兼容的设备在网络上。

• Chrome এক্সটেনশন

WebGPU 的新变化 (Chrome 122)

兼容模式正在开发中，提高了 maxVertexAttributes 限制，并进行了 Dawn 更新。

• Chrome
• WebGpu

清单 - 内容安全政策

介绍 manifest.json 的内容安全政策属性的参考文档。

• Chrome এক্সটেনশন

录制堆快照

了解如何使用堆性能分析器记录堆快照以及如何查找内存泄漏。

• Chrome DevTools

CSS 字段大小调整

一行代码，用于自动调整元素大小，且内容可编辑。

chrome.runtime

使用 chrome.runtime API 检索服务工件、返回清单的详细信息，以及监听和响应扩展程序生命周期中的事件。您还可以使用此 API 将网址的相对路径转换为完全限定网址。 此 API 的大多数成员 不需要 任何权限。 connectNative() 、 sendNativeMessage() 和 onNativeConnect 需要此权限。 以下示例展示了如何在清单中声明 "nativeMessaging" 权限： manifest.json: Runtime API

• Chrome এক্সটেনশন

声明权限

manifest.json 中权限属性的有效值概览。

• Chrome এক্সটেনশন

使用 Web 推送

关于如何将 Web 推送与 Chrome 扩展程序搭配使用的分步指南

• Chrome এক্সটেনশন

权限警告准则

Chrome 扩展程序中权限警告的运作方式。

• Chrome এক্সটেনশন

开发者工具的新变化 (Chrome 122)

“网络和应用”面板中第三方 Cookie 逐步淘汰警告，“网络”面板中的增强型调试功能，“性能”面板中的面包屑导航，等等。

• Chrome
• Chrome DevTools

隆重推出使用 EditContext API 打造自定义网页编辑体验的新方法

EditContext 是 Chrome 和 Edge 中推出的一款新 API，可帮助开发者在浏览器中构建高级文本编辑功能。不妨在这篇博文中了解详情！

• Chrome

开发者工具提示：调试推测性导航以提高网页加载速度

通过推测加载，加快网页浏览速度，并了解如何调试此类加载。

• Chrome DevTools
• Chrome

桌面版 Chrome 中 SharedArrayBuffer 的弃用试用已延长至 Chrome 124

在 Chrome 桌面版上，不启用跨域隔离功能的 SharedArrayBuffer 的弃用试用期已延长至 Chrome 124。

• Chrome

响应命令

响应扩展程序中的自定义组合键。

• Chrome এক্সটেনশন

Chrome 122 Beta 版

Chrome 122 Beta 版可为您提供迭代器帮助程序、set 方法、Storage Buckets API、读取 Async Clipboard API 中未经过排错的 HTML，等等。

• Chrome

使用扩展程序自定义“录音机”

通过安装扩展程序自定义和集成“录音机”应用。

• Chrome DevTools

Chrome 扩展程序发生了什么情况？

简要介绍 Chrome 扩展程序近期的变化，以及即将推出的令人期待的扩展程序功能。

• Chrome
• Chrome এক্সটেনশন

Chrome 121 的新变化

Chrome 121 现已推出！通过 CSS 更新、对 Speculation Rules API 的改进、针对 Element Capture API 的源试用，以及更多精彩功能。Adriana Jara 介绍了 Chrome 121 为开发者提供的所有详细信息。

• Chrome

通过多功能框触发操作

通过多功能框触发操作。

• Chrome এক্সটেনশন

WebGPU 的新变化 (Chrome 121)

支持 Android 上的 WebGPU、使用 DXC 进行着色器编译、计算和渲染通道中的时间戳查询、着色器模块的默认入口点、支持将 display-p3 作为 GPUExternalTexture 颜色空间、内存堆信息等。

• Chrome
• WebGpu

使用 Puppeteer 测试网络蓝牙

使用 Puppeteer 在 Chrome 中测试使用 Web Bluetooth API 的功能。

• Chrome

使用 Angular SSR 安全地访问 DOM

了解如何在 Angular 中安全地将 DOM 与 SSR 结合使用

• Chrome

滚动条样式

使用 `scrollbar-width` 和 `scrollbar-color` 属性来设置滚动条的样式。

在 Google Colab 中进行 Web AI 模型测试

了解如何在标准化的硬件设置中测试基于浏览器的客户端 AI 模型，同时保持可伸缩、可自动化的特性。

• WebGpu

将 Firebase Cloud Messaging (FCM) 与 chrome.gcm 搭配使用

有关如何将 Firebase Messaging 与 chrome.gcm 搭配使用的分步指南

• Chrome এক্সটেনশন

强化 Web AI 模型测试：WebGPU、WebGL 和 Headless Chrome

探索我们的解决方案，了解如何持续实现浏览器测试的自动化并提升应用性能。

• Chrome
• WebGpu

适用于表单控件元素的 CSS 垂直书写模式

Chrome 新增了另一项国际 CSS 功能。

• Chrome

实现操作

响应用户点击工具栏的操作。

• Chrome এক্সটেনশন

File System Access API 的永久性权限

这篇博文介绍了如何管理 File System Access API 的永久权限。此外，此报告还简要概述了该问题的当前状态以及所解决的挑战。

• Chrome

开发者工具提示：编写颜色

只需点击几下，即可了解如何编写颜色。

• Chrome
• Chrome DevTools

使用颜色选择器检查和调试高清和非高清颜色

了解如何在“元素”>“样式”中使用颜色选择器检查和调试高清和非高清颜色。

• Chrome DevTools

开发者工具提示：调试提取优先级

了解如何调试提取优先级。

• Chrome DevTools
• Chrome

CSS text-wrap: balance

为平衡文本块手动添加换行符的经典排版技术现已引入 CSS。

Web 应用范围扩展

从 Chrome 122 开始，您可以为 scope_extensions 应用清单成员订阅源试用，这样，控制多个子网域和顶级网域的网站便能以单个 Web 应用的形式呈现。

利用 WebDriver BiDi 的强大功能：借助 Puppeteer 实现 Chrome 和 Firefox 自动化

Puppeteer 现在可与 Firefox 通信！🎉? 但等一下，不是吗？🤔? 让我们深入了解 Puppeteer 中的新协议 WebDriver BiDi，并探索这项激动人心的开发对 Firefox 自动化工作流意味着什么。

• Chrome

构建上下文菜单

实现弹出式窗口，该窗口是可让用户调用扩展程序功能的窗口。

• Chrome এক্সটেনশন

处理远程托管代码违规行为

Service Worker 让扩展程序仅在需要时运行，从而节省资源。

• Chrome এক্সটেনশন

Android 版 Google Chrome

如需查看 Android 版 Chrome 中的开发者功能的完整列表，请访问 chromestatus.com 。 通过 Play 商店下载 Chrome 。 当用户在一部设备上登录 Chrome 后，当用户在另一部设备上登录 Chrome 时，便可查看该会话的标签页和浏览记录。整个网页内容（而不仅仅是网址）会在 Chrome 实例之间同步，因此用户无需重新提交凭据即可在需要登录的网站上查看登机牌或文章。

添加弹出式窗口

实现弹出式窗口，该窗口是可让用户调用扩展程序功能的窗口。

• Chrome এক্সটেনশন

Chrome 中的 Android intent

直接通过 Android intent 从网页启动应用。

现代框架在新的 INP 指标上的表现如何

这篇博文讨论了新的 INP 指标与基于框架的网站的相关性，以及 Aurora 在优化此指标方面为支持框架所做的工作。

Chrome 默认在高端平板电脑上启用桌面模式

Chrome 已在高端平板电脑上默认启用桌面模式，以适应 Android 平板电脑生态系统。

• Chrome

独家手风琴

创建一个包含多个具有相同 `name` 的 `` 元素的排他性手风琴。

开发者工具的新变化 (Chrome 121)

在元素中提供了 @font-palette-values 支持、改进了源映射支持、增强了性能和互动跟踪等。

• Chrome
• Chrome DevTools

WebGPU 的新变化

及时了解 WebGPU 的最新变化。

• WebGpu

WebGPU 的新变化 (Chrome 120)

支持 WGSL 中的 16 位浮点值、提高限制、深度模板状态更改、适配器信息更新等。

• Chrome
• WebGpu

利用区域拍摄功能更好地分享标签页

该网络平台现在内置了区域捕获功能，这是一种高效而可靠的剪裁视频轨道的方式。

CSS 封装：2023 年！

2023 年对 CSS 来说是重要的一年！了解今年哪些登陆 Chrome 和整个网络平台。

• Chrome

Chrome 开发者工具如何帮助抵御自跨站脚本攻击

了解 Chrome 开发者工具如何通过为没有经验的开发者工具阻止粘贴代码来缓解自跨站攻击。

• Chrome
• Chrome DevTools

通过端口转发访问本地服务器和 Chrome 实例

在开发机器网络服务器上托管网站，然后从 Android 设备访问内容。

• Chrome DevTools

查看、添加、修改和删除 Cookie

了解如何使用 Chrome 开发者工具查看、添加、修改和删除网页的 HTTP Cookie。

• Chrome DevTools

Chrome 120 的新变化

Chrome 120 现已推出！通过利用 CloseWatcher API 在处理关闭请求时提供一致的体验，使用详细信息元素轻松实现手风琴模式，现在提供权限政策违规报告，并且有更多功能。

• Chrome

开发者工具提示：什么是 DOM？HTML 与 DOM

了解如何使用开发者工具调试 DOM。

• Chrome
• Chrome DevTools

开发者工具提示：调试 bfcache

了解如何调试 bfcache 并使网页即时加载。

• Chrome DevTools
• Chrome

查看框架详情

查看框架详情。

• Chrome DevTools

专用网络访问权限提示源试用：使用 HTTPS 迁移网站的路径

在专用网络访问 (PNA) 规范中，Google Chrome 即将弃用从不安全的公共网站访问专用网络端点的功能。

• Chrome

重新审视 Chrome 的可安装性标准

在未来几个月内，Chrome 将进行实验，以简化应用安装标准，从而改善开发者和用户体验。这篇博文分享了您应该会有哪些变化，以及我们开展这些实验的原因。

• Chrome

CSS 中推出四项新的国际功能

Chrome 将增加四项新的国际 CSS 功能。

• Chrome

页面生命周期 API

Page Lifecycle API 将移动操作系统上常见的应用生命周期功能引入 Web 中。现在，浏览器能够安全地冻结和舍弃后台网页，从而节省资源，而且开发者可以安全地处理这些干预措施，而不会影响用户体验。

忽略列表

“忽略列表”标签页引用。

• Chrome DevTools

Async Clipboard API 中未经过排错的 HTML

从 Chrome 120 开始，Async Clipboard API 中新增了一个未排错的选项。请参阅本指南，了解如何使用该 API。

为视频会议 Web 应用启用自动画中画

Chrome 允许视频会议 Web 应用自动进入画中画模式。

• Chrome

恢复向 Manifest V3 的转换

去年 12 月，我们暂停了计划中的弃用 Manifest V2 的计划，以便解决开发者反馈的问题，并为 迁移问题 提供更好的解决方案。根据这些反馈，我们对 Manifest V3 做出了一些更改，以 填补这些空白 ，包括： 除了填补空白之外，我们还为该平台添加了新功能，例如今年早些时候发布的 Side Panel API 和目前处于 Beta 版阶段的 Reading List API 。我们最近在广告过滤开发者峰会上讨论了其中的许多变化，并 分享 了我们根据反馈做出的更改和改进的更多背景信息。

• Chrome এক্সটেনশন
• Chrome

改进 Manifest V3 中的内容过滤

在过去一年里，我们一直在积极与多款内容屏蔽扩展程序背后的供应商讨论如何改进 MV3 扩展程序平台。在这些讨论（其中许多是在 WebExtensions 社区组 [ WECG ] 中与其他浏览器合作进行的）的基础上，我们能够做出重大改进。 一组过滤规则通常会分组到列表中。例如，更通用的列表可能包含适用于所有用户的规则，而更具体的列表可能会隐藏仅部分用户希望屏蔽的位置特定内容。直到最近，我们允许每个扩展程序为用户提供 50 个列表（或“静态规则集”）供其选择，并且同时启用其中的 10

• Chrome
• Chrome এক্সটেনশন

Angular NgOptimizedImage 指令的新变化

了解 Angular NgOptimizedImage 指令中包含的新功能，这些功能可进一步提高 Angular 应用中的图片性能。

• Chrome

Service Worker Static Route API 源试用

了解 Service Worker 静态路由的第一阶段（现在处于源试用阶段），这是一个新 API，用于以声明方式指定 Service Worker 应如何处理（或不应该）路由。

• Chrome

CSS 嵌套放宽语法更新

Chrome 120 中启用了向前嵌套功能。

• Chrome

开发者工具中的新功能 (Chrome 120)

“问题”面板中报告的第三方 Cookie 逐步淘汰问题、适用于 Cookie 的 Privacy Sandbox 分析工具、“应用”面板中的有效内容安全政策、改进的动画调试、增强的忽略列表等。

• Chrome DevTools
• Chrome

把握 WebGPU 生态系统优势

了解 WebGPU 生态系统如何扩展到 JavaScript、C++ 领域。

• Chrome
• WebGpu

对 IndexedDB 中默认持久性模式的更改

从 Chrome 121 开始，IndexedDB 中的持久性模式将从严格模式更改为宽松模式。

• Chrome

Chrome 120 扩展程序中的新功能

面向 Chrome 扩展程序开发者的 Chrome 120 重要变更摘要。

• Chrome এক্সটেনশন
• Chrome

ChromeOS 上的文件处理

如何在 Chrome 扩展程序 Service Worker、弹出式窗口、侧边栏或内容脚本中打开文件。

• Chrome এক্সটেনশন

file_handlers

manifest.json 的 file_handlers 属性的参考文档。

• Chrome এক্সটেনশন

Chrome 120 Beta 版

CSS 遮盖、放宽的 CSS 嵌套规则、使用元素创建手风琴模式以及 Media Session API 的 EnterPictureinpicture 操作。

• Chrome

Chrome 119 的新变化

Chrome 119 现已推出！更新已存储的 Cookie 的失效日期上限。CSS 新增了伪类、相对颜色语法、对围栏框架的改进（例如广告尺寸宏），等等。

• Chrome

现在，Chrome 会默认启用 WebAssembly 垃圾回收 (WasmGC)

编程语言分为两类：垃圾回收型编程语言和需要手动内存管理的编程语言。借助 WebAssembly 垃圾回收功能，可以将垃圾回收的语言移植到 WebAssembly。

• Chrome

CSS Preferreds-reduced-transparency

针对偏好不透明界面的用户进行优化和调整。

• Chrome

WebGPU 的新变化 (Chrome 119)

可过滤的 32 位浮点纹理、unorm10-10-10-2 顶点格式、RGB10a2uint 纹理格式等。

• Chrome
• WebGpu

选择元素：现在使用水平规则

了解展开的“Select 元素”功能如何实现视觉水平断点，以实现更好的分组效果。

• Chrome

CSS 文本换行：美观

选择启用优化的文本换行功能，快速实现美观。

• Chrome

Chrome 扩展程序发生了什么情况？

简要介绍 Chrome 扩展程序近期的变化，以及即将推出的令人期待的扩展程序功能。

• Chrome
• Chrome এক্সটেনশন

Chromium 问题跟踪器迁移

Chromium 问题跟踪功能将于 2024 年 1 月迁移到由 Google 问题跟踪器提供支持的工具。

• Chrome

Sanitizer API 弃用

为了与日后的规范更新保持一致，Chrome 119 中已废弃当前的 Sanitizer API 实现。

• Chrome

在网页上通过蓝牙串行

Web Serial API 增加了对蓝牙 RFCOMM 服务的支持。

• Chrome

使用 Puppeteer 测试 Chrome 扩展程序

如何使用 Puppeteer 为 Chrome 扩展程序编写自动化测试。

• Chrome এক্সটেনশন

针对 Chrome 扩展程序的端到端测试

如何为扩展程序编写端到端测试。

• Chrome এক্সটেনশন

对 Chrome 扩展程序进行单元测试

如何为扩展程序编写单元测试。

• Chrome এক্সটেনশন

CSS 相对颜色语法

根据其他颜色的通道和值创建新的颜色。

• Chrome

提交扩展程序错误

如何报告扩展程序错误或文档问题。

• Chrome এক্সটেনশন

查找和跟踪错误

检查是否已有人报告过 bug 或功能请求。

• Chrome এক্সটেনশন

开发者工具中的新功能 (Chrome 119)

改进了“样式”中的 @property 部分、更新了设备列表、改进了“来源”中的“美观输出”功能以及控制台中的自动补全功能。

• Chrome
• Chrome DevTools

Chrome 118 的新变化

Chrome 118 现已推出！使用 @scope css 规则在组件内声明特定样式。使用新的媒体功能：Preferreds-reduced-transparency。开发者工具在“Sources”面板中进行了改进，还有很多其他改进。

• Chrome

针对在浏览器中处理文件的 API 改进

支持 FileSystemSyncAccessHandle 的多个读取器和写入器，以及 FileSystemWritableFileStream 的独占写入器。 借助 源专属文件系统 （有时也称为存储分区文件系统），开发者可以访问经过优化以实现最大读写性能的文件。这通过 FileSystemSyncAccessHandle 对象实现。目前，如果尝试为同一文件条目打开多个 FileSystemSyncAccessHandle 对象，会失败并返回 NoModificationAllowedError

• Chrome

全屏弹出式窗口的新源试用

现在，我们推出了一项新的源试用，仅一步即可以全屏模式打开弹出式窗口。

• Chrome

Chrome 119 Beta 版

Chrome 119 Beta 版提供了 CSS 相对颜色语法、新的伪类以及更多功能。

• Chrome

使用 CSS @scope at-rule 限制选择器的覆盖面

了解如何使用 @scope 仅在 DOM 的有限子树中选择元素。

Chrome 现在支持在 macOS 上通过 iCloud 钥匙串使用通行密钥

macOS 上的 Chrome 开始支持 iCloud 钥匙串上的通行密钥。这样一来，用户便可以在 iCloud 钥匙串中创建通行密钥，并在 Apple 设备之间同步这些密钥。

• Chrome

WebGPU 的新变化 (Chrome 118)

扩展了对 copyExternalImageToTexture 的源代码支持，以及对读写和只读存储纹理的实验性支持，等等。

• Chrome
• WebGpu

开发者工具提示：调试 Chrome 扩展程序

了解如何使用开发者工具调试 Chrome 扩展程序。

• Chrome এক্সটেনশন
• Chrome DevTools
• Chrome

借助视图转换实现无缝导航

深入了解 CyberAgent、RedBus、Nykaa 和 PolicyBazaar 如何以及为何实现视图转换。

• Chrome

我们是 Chrome 开发者

喜迎 Chrome 15 周年，Google 成为了开发者值得信赖且乐于助人的合作伙伴。

• Chrome

从 WebGL 到 WebGPU

了解一些面向要迁移到 WebGPU 的 WebGL 开发者的提示。

• Chrome

开发者工具中的新功能 (Chrome 118)

在“元素”和“样式”中新增了自定义属性部分，并改进了本地替换项、增强了搜索、简化了“来源”中的工作区等。

• Chrome DevTools
• Chrome

Chrome 118 Beta 版

适用于 CSS、其他媒体功能、可聚焦键盘的滚动容器等的限定了样式的样式。

• Chrome

Chrome 117 的新变化

Chrome 117 现已推出！我们提供三个可让您轻松添加流畅的进入和退出动画的新 CSS 功能、用于计算更高顺序数据集的数组分组、开发者工具，使本地替换变得更加容易，并且还有更多功能。

• Chrome

从 Chrome 应用转换

如何迁移 Chrome 封装应用或托管应用。

WebGPU 的新变化 (Chrome 117)

您可以取消设置顶点缓冲区和绑定组，让丢失的设备看起来可以正常运行，等等。

• Chrome
• WebGpu

发布扩展程序

有关发布新的 Manifest V3 扩展程序的指南

• Chrome এক্সটেনশন

Google 编程之夏和 Chrome 扩展程序

获得参与 Google 编程之夏的相关经验和建议。

• Chrome
• Chrome এক্সটেনশন

开发者工具提示：代码段和实时表达式

您可以使用代码段运行常用代码，使用实时表达式实时监视值。

• Chrome
• Chrome DevTools

太空视图转换

重点说明 Astro 社区在 Chrome 塑造 API 时如何使用 View Transitions，以及 Astro 的“持久性”岛为它提供一流支持的旅程。

• Chrome

Chrome 的发布速度更快（第二轮！）

从 Chrome 119 开始，我们将缩短从某个版本的分支到该版本发布为稳定版所需的时间。

• Chrome

推出 scheduler.yield 源试用

“scheduler.yield”是目前在源试用中的调度程序 API 的新增组件，是一种拆分任务的新方法，旨在提供更响应的用户体验。了解这项提议对 Scheduling API 添加的好处，并注册进行源试用，以便我们获取数据洞见和反馈。

• Chrome

使用新的命令编辑器高效编写 Chrome Devtools 协议 (CDP) 命令

为了让您更轻松地输入 Chrome Devtools 协议 (CDP) 命令，开发者工具推出了一个简单易用的新编辑器，让您不必使用 JSON。

• Chrome

Lighthouse 11 的新变化

Lighthouse 11 推出了新的无障碍功能变更和审核更新

• Chrome

开发者工具中的新功能 (Chrome 117)

在“Network”面板中覆盖 XHR/fetch 请求和隐藏扩展程序请求，在“性能”面板中查看提取优先级的变化，体验多项界面改进，查看新颜色和实验性功能，等等。

• Chrome
• Chrome DevTools

Chrome 117 Beta 版

CSS 网格 subgrid、对 CSS 的进入和退出动画支持、数组分组、迭代器帮助程序等。

• Chrome

将安全检查添加到 chrome://extensions 页面

从 Chrome 117 开始，当用户安装的扩展程序不在 Chrome 应用商店中时，Chrome 会主动向用户突出显示。

• Chrome
• Chrome এক্সটেনশন

四个新的 CSS 功能，可实现流畅的进入和退出动画

了解可实现在离散动画和顶层之间平滑过渡的新功能

• Chrome

Chrome 116 的新变化

Chrome 116 现已推出！使用图片 API 中的文档图片可以提高用户的工作效率，现在可以更轻松地调试开发者工具中缺失的样式表，并且还有更多功能。

• Chrome

清单 - 内容脚本

有关 manifest.json 的 "content_scripts" 属性的参考文档。

• Chrome এক্সটেনশন

使用限制属性安全地进行弹出式交互

在与弹出式窗口互动时实现跨域隔离和跨网站泄露防护。

• Chrome

WebGPU 的新变化 (Chrome 116)

WebCodecs 集成、视频播放改进等。

• Chrome
• WebGpu

Chrome 中的单次授权

在 Chrome 中，只需选择“允许一次”即可授予相应权限。它最初只支持在桌面设备上用于地理定位、摄像头和麦克风。

• Chrome

开发者工具提示：断点和日志点

使用断点和日志点轻松调试。

• Chrome
• Chrome DevTools

TWA 的 PostMessage

从 Chrome 115 Trusted Web Activity (TWA) 开始，可以使用 postMessage 发送消息。本文档介绍了在您的应用与 Web 之间进行通信所需的设置。

Chrome 116 for Extensions 中的新变化

面向 Chrome 扩展程序开发者的 Chrome 116 重要变更摘要。

• Chrome
• Chrome এক্সটেনশন

Chrome 116 Beta 版

CSS 动画路径、往返缓存 NotRestoredReason API、文档画中画等。

• Chrome

在 iOS 16.4+ 上的 Chrome 中调试网站

了解如何在 iOS 设备上针对 Chrome 使用 Safari 网页检查器调试功能。

• Chrome

Chrome 扩展程序发生了什么情况？

简要介绍今年到目前为止 Chrome 扩展程序中发生的变化，以及即将推出的令人期待的扩展程序功能。

• Chrome এক্সটেনশন
• Chrome

Chrome 115 的新变化

使用 ScrollTimeline 和 ViewTimeline 可以制作滚动驱动的动画，从而提升用户体验。围栏框架可与其他 Privacy Sandbox API 搭配使用，以嵌入相关内容，同时防止不必要的情境共享。借助 Topics API，浏览器可与第三方分享有关用户兴趣的信息，同时保护隐私，还有更多功能等着您。

• Chrome

滚动驱动型动画性能的案例研究

与实现滚动驱动型动画的传统方式相比，新 API 流畅得多。

• Chrome

开发者工具提示：使用记录器录制和重放用户流

了解如何使用开发者工具中的“Recorder”面板记录、重放和调试用户流。

• Chrome DevTools
• Chrome

在 Service Worker 中使用 WebSocket

有关如何在 Chrome 扩展程序中连接到 WebSocket 的分步说明。

• Chrome এক্সটেনশন

WebRTC：旧版 getStats() 迁移指南

了解如何在 iOS 设备上针对 Chrome 使用 Safari 网页检查器调试功能。

• Chrome

开发者工具提示：本地存储空间和会话存储空间

使用 Application > Local Storage 和 Session Storage 调试键值对。

• Chrome
• Chrome DevTools

开发者工具中的新功能 (Chrome 116)

开发者工具进行了多项改进，可帮助您更快地发现和调试缺少样式的相关问题： Network 面板会始终在 Initiator 列中填充指向引用未能加载的样式表的确切行数的链接。 问题 面板会列出所有样式表加载问题，包括网址损坏、请求失败和 @import 语句放错位置。 Chromium 问题： 1440626 、 1442198 、 1453611 。 在 元素 &gt; 样式 中，使用 缓动编辑器 ，只需点击一下即可调整 transition-timing-function 和

• Chrome DevTools
• Chrome

使用地理定位

如何在 Chrome 扩展程序 Service Worker、弹出式窗口、侧边栏或内容脚本中使用地理定位。

• Chrome এক্সটেনশন

WebGPU 的新变化 (Chrome 115)

支持的 WGSL 语言扩展、对 Direct3D 11 的实验性支持等。

• Chrome
• WebGpu

Chrome for Testing：可靠下载，实现浏览器自动化

Chrome for Testing 是一个新的 Chrome 版本，专门用于 Web 应用测试和自动化用例。

• Chrome
• Chrome for Testing

调试 C/C++ WebAssembly

了解如何使用 Chrome 开发者工具查找和修复 C/C+ WebAssembly 中的 bug。

• Chrome DevTools

Photoshop 如何处理大于内存大小的文件：

了解 Adobe 如何让用户能够在其标志性 Photoshop 应用的 Web 版本上编辑超大型文件。 （本文还提供视频形式。） 2021 年，Adobe 与 Chrome 工程团队合作， 将 Photoshop 引入到 Web 平台 。该软件创新地使用了 WebAssembly，并提供了 SIMD 、 源私有文件系统 中的高性能存储、适用于画布的 P3 色彩空间 ，以及带有 Lit 的 Web 组件等功能。本文将重点介绍 Adobe Photoshop

• Chrome

矢量图像编辑应用 Boxy SVG 如何使用 Local Font Access API 让用户选择他们喜爱的本地字体

Local Font Access API 提供了一种机制来访问用户本地安装的字体数据，包括名称、样式和字体系列等更高级别的详细信息，以及底层字体文件的原始字节。了解 SVG 编辑应用 Boxy SVG 如何使用此 API。 （本文还提供视频形式。） Boxy SVG 是一款矢量图形编辑器。其主要用例是编辑 SVG 文件格式的绘图，以创建插图、徽标、图标和其他平面设计元素。该插件由波兰开发者 Jarosław Foksa 开发，最初于 2013 年 3 月 15 日发布。Jarosław 运营着

• Chrome

Chrome 115 Beta 版

CSS 显示属性的多个关键字、用于 WebGPU 的 WGSLLanguageFeatures、HTTPS 升级等。

• Chrome

停止使用 SVG 元素中的数据网址

对 SVG 元素中 data: 网址的支持将被移除。我们建议您改用替代方案。

• Chrome

WebGPU 的新变化 (Chrome 114)

JavaScript 优化等。

• Chrome
• WebGpu

变更事件将从 Chrome 中移除

宣布弃用并计划移除变更事件，并分享了如何在 2024 年 7 月移除之前迁移代码。

• Chrome

游戏编辑器 Construct 3 如何使用 File System Access API 让用户保存游戏

File System Access API 支持读取、写入和文件管理功能。了解 Construct 3 如何使用此 API。 （本文还提供视频形式。） Construct 3 是由兄弟 Thomas 和 Ashley Gullen 开发的游戏编辑器。在游戏编辑器的第三次迭代中，这两个团队在先前针对 Windows 和 NW.js 构建游戏后，完全 “[押注] 浏览器将成为新的操作系统” 。您可以通过浏览编辑器的 展示版 或完成 导览

• Chrome

第二次 ComputePressure 源试用宣布

Chrome 的一项新源试用，让 Web 开发者可以监控计算压力。

• Chrome

Chrome 禁止修改 document.domain

如果您的网站依赖于设置 document.domain，则需要采取行动。

• Chrome

Chrome 114 的新变化

Chrome 114 现已推出！Chrome 114 现已推出！文本换行：平衡以改进文本布局，具有独立分区状态的 Cookie 现已推出，新的 Popover API 让弹出式窗口比以往更容易，而且还有很多其他功能。

• Chrome

开发者工具中的新功能 (Chrome 115)

元素 面板针对 subgrid 显示了新的 subgrid 标记。此功能目前在 Chrome Canary 中处于实验阶段。 如需检查和调试嵌套的网格（即子网格，因此会从其父级沿用轨道的数量和大小），请点击该标记。它会切换一个叠加层，在视口中元素的顶部显示列、行及其编号。 如需查看 元素 面板中所有徽章的列表，请参阅 徽章参考文档 。 Chromium 问题： 1442536 。 在 Elements （元素）&gt; Styles （样式）中，将光标悬停在选择器名称上，即可在提示中查看其

• Chrome DevTools
• Chrome

利用新的 Side Panel API 设计卓越的用户体验

隆重推出适用于 Chrome 的新 Side Panel API 扩展程序。

• Chrome

开发者工具提示：工作区

使用工作区将您在开发者工具中所做的更改保存到本地源文件。

• Chrome DevTools
• Chrome

使用 linear() 加/减速函数在 CSS 中制作复杂的动画曲线

引入了 linear()，这是 CSS 中的加/减速函数，可在各点之间线性插值，让您可以重现弹跳和弹簧效果。

清单 - 背景

manifest.json 的 background 属性的参考文档。

• Chrome এক্সটেনশন

推出弹出式窗口 API

了解如何使用新的弹出式窗口 API 构建提示、菜单等。

• Chrome

LEGO® Education 如何使用网络蓝牙和 Web Serial API

LEGO Education 利用网络的力量来尽可能简化将乐高模型连接到计算机的过程。

• Chrome

Aurora 有何新变化？

了解 Chrome Aurora 团队的最新动向以及他们的 2023 年路线图。

• Chrome

3D 模型编辑器 Blockbench 如何使用 EyeDropper API 让用户随时随地选择颜色

EyeDropper API 提供了一种创建取色器工具的机制，让用户可以从屏幕（包括浏览器窗口之外）中采样颜色。了解 3D 模型编辑器 Blockbench 如何在其代码库中使用此 API。 （本文还提供视频形式。） Blockbench 是一款免费的现代化模型编辑器，适用于具有像素艺术纹理的低多边形模型。如果您曾玩过 Minecraft ，那么很有可能见过使用 Blockbench 创建的资源，例如在《洞穴与山崖》更新第 1 部分中添加到 Minecraft 中的山羊。采用 GPL 第 3

• Chrome

图片编辑应用 Photopea 如何使用 File Handling API 允许用户从文件资源管理器打开文件

借助 File Handling API，Web 应用可以将自己注册为应用支持的文件格式的文件处理程序。了解图片编辑应用 Photopea 如何使用此 API。 （本文还提供视频形式。） Photopea 是由 Ivan Kutskir 开发的一款免费在线图片编辑器。Ivan 从 2012 年开始开发这款应用，并维护了一个 博客 ，分享他为 Photopea 添加的主要功能。Photopea 支持 PSD (Adobe Photoshop)、XCF (GIMP)、Sketch (Sketch

• Chrome

Storage 存储分区源试用现已推出

存储标准定义了永久性存储空间和配额估算的 API，以及平台存储架构。我们正在实验一种 API，以便在内存压力大时提高永久性存储空间逐出的可预测性。通过从 Chrome 115 到 Chrome 118 的源试用来试用 Storage Buckets API。

• Chrome

Web SQL 弃用时间表已更新

Web SQL 已在 Chromium 119 中彻底移除。

• Chrome

CSS 和界面的新变化：2023 年 I/O 大会

2023 年 Google I/O 大会上重点介绍的 20 大 CSS 和界面功能，不容错过。

• Chrome

2023 年 Android 网页的新变化

更新了将 Web 引入 Android 的工具。增强了隐私保护，在 WebView 中更好地支持大屏设备、自定义标签页中包含部分自定义标签页、PWA 的安装更简单和集成功能、TWA 的 Play 商店结算管理等。

• Chrome

Google I/O 大会上的 10 项最新动态

了解我们如何通过 2023 年 Google I/O 大会上分享的重要更新和新发布，让开发者更轻松地为其用户提供出色的体验。

• Chrome

跨 iframe 共享自动填充：初始提案

某些表单在 iframe 中包含字段，会导致浏览器自动填充问题。借助共享自动填充功能，父框架可以指定跨源 iframe 的可信度，以支持为用户提供更好的自动填充体验。

• Chrome

WebGPU：解锁浏览器对新式 GPU 的访问权限

了解 WebGPU 如何释放 GPU 的强大功能，以提升机器学习性能和图形渲染速度。

• Chrome

使用 Chrome 开发者工具查找表单问题

Chrome 开发者工具团队将打造更多新功能，以帮助查找表单问题和调试自动填充功能。这些功能处于设计和实施的早期阶段，我们需要您的测试和反馈。

• Chrome

WebDriver BiDi：2023 年状态更新

本文简要介绍了 2023 年 WebDriver BiDi 的新变化。

• Chrome

为 Google I/O 大会做好准备

制定您自己的日程，为 Google I/O 大会做准备。

• Chrome

使用滚动驱动的动画，在滚动时为元素添加动画效果

了解如何使用滚动时间轴和视图时间轴，以声明方式创建滚动驱动的动画。

开发者工具中的新功能 (Chrome 114)

默认情况下，开发者工具会启用 Settings （设置）&gt; Experiments （实验）&gt; WebAssembly Debugging: Enable DWARF support （WebAssembly 调试：启用 DWARF 支持）。如需了解详情，请参阅 使用新型工具调试 WebAssembly 。 通过此实验，您可以在 Wasm 应用中暂停执行并调试 C 和 C++ 代码，并获取所有调试信息： 如需测试 Wasm 调试，请安装 C/C++ 开发者工具支持 (DWARF)

• Chrome DevTools
• Chrome

Chrome 113 的新变化

Chrome 113 现已推出！WebGPU 现已推出，它可以在网页上实现高性能 3D 图形和数据并行计算，而且开发者工具现在可以覆盖网络响应标头、First Party Set（Privacy Sandbox 的一部分），让组织能够声明相关网站即将全面推出，还有许多其他功能。

• Chrome

Chrome 114 Beta 版

CSS 标题平衡、CHIPS、 scrollend 事件和弹出式窗口。

• Chrome

扩展程序 Service Worker 简介

扩展程序 Service Worker 是扩展程序的中心事件处理脚本。这使它们与 Web Service Worker 不同。

• Chrome এক্সটেনশন

扩展 Service Worker 生命周期

扩展 Service Worker 既能响应标准 Service Worker 事件，也能响应扩展命名空间中的事件。之所以将它们一起显示，是因为在使用扩展程序时，一种类型经常会跟随另一种类型。

• Chrome এক্সটেনশন

对相机背景进行模糊处理

Chrome 中新推出的一项源试用，可让 Web 开发者控制相机背景虚化。

• Chrome

Extension Service Worker 基础知识

Extension Service Worker 的安装和更新方式与 Web Service Worker 不同。

• Chrome এক্সটেনশন

Service Worker 中的事件

扩展程序 Service Worker 既可以响应标准 Service Worker 事件，也可以响应扩展程序 API 中的许多事件。

• Chrome এক্সটেনশন

通过更快的 AV1 编码，改进了视频通话功能

Chrome 113 包含 Chrome Open Media 团队对 AV1 软件编码器的改进。

• Chrome

开发者资源：查看和手动加载源代码映射

使用“开发者资源”面板检查源映射是否成功加载，并手动加载。

• Chrome DevTools

CSS 更新媒体查询

调整界面以适应屏幕的刷新率功能。

WebGPU 的新变化 (Chrome 113)

Chrome 自带 WebGPU，并在源试用中集成了 WebCodecs。

• Chrome
• WebGpu

开发者工具提示：开发者工具中的源代码映射

使用开发者工具中的源映射来调试原始代码，而不是部署代码。

• Chrome
• Chrome DevTools

预热和预提取：使用自定义标签页服务

了解如何利用自定义标签页服务提升用户体验。

使用部分自定义标签页进行多任务处理

了解如何使用部分自定义标签页，让用户在查看网页内容时与您的应用互动。

衡量用户互动度

如何在自定义标签页中衡量用户互动度。

使用入门

如何从 Android 应用启动自定义标签页。

自定义界面

如何使自定义标签页与应用的外观和风格浑然一体。

添加自定义互动

如何向自定义标签页添加自定义操作。

为桌面设备提供更丰富的界面安装功能

移动设备和应用商店改变了用户发现、评估和安装软件的方式。现在，Web 应用提供了一个平台，供开发者在安装时突出显示其应用。

• Chrome