探索 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 扩展程序
人工智能
Chrome 上的 AI 欢迎来到 AI 赋能的网络时代。了解 AI 如何让开发者更轻松地打造强大的 Web 体验。 重新构想 Chrome 专用 Gemini Nano 的强大功能。 内置 AI 我们将在 Chrome 中引入 Gemini Nano,这是 Gemini 生态系统中最高效的模型。 在客户端工作 客户端 AI 为用户带来强大的模型,同时保护数据隐私并缩短延迟时间。 开始使用 了解开始使用内置 AI 构建功能和应用时需满足的要求。 可用的 API 查看可在 Chrome 中与
Docs
构建任何应用所需的代码示例、指南和 API 参考文档。
Chrome for Developers
帮助您在网络上构建应用、发展业务和开展创新。
- Chrome
chrome.userScripts
使用 userScripts API 在“用户脚本”上下文中执行用户脚本。 如需使用 User Scripts API ( chrome.userScripts ),请将 "userScripts" 权限添加到 manifest.json 中,并为您要运行脚本的网站添加 "host_permissions" 。 用户脚本是指注入到网页中用于修改其外观或行为的一小段代码。与其他扩展程序功能(例如 内容脚本 和 chrome.scripting API )不同,用户脚本 API
- Chrome 扩展程序
chrome.printing
使用 chrome.printing API 将打印作业发送到 Chromebook 上安装的打印机。 您需要在 扩展程序清单 中声明 "printing" 权限,才能使用所有 chrome.printing 方法和事件。例如: 以下示例演示了如何使用打印命名空间中的每种方法。此代码复制自或基于 extensions-samples GitHub 代码库中的 api-samples/printing 。 以下示例使用 onJobStatusChanged 处理脚本来在 jobStatus 既不是
- Chrome 扩展程序
chrome.printing
使用 chrome.printing API 将打印作业发送到 Chromebook 上安装的打印机。 您需要在 扩展程序清单 中声明 "printing" 权限,才能使用所有 chrome.printing 方法和事件。例如: 以下示例演示了如何使用打印命名空间中的每种方法。此代码复制自 extensions-samples GitHub 代码库中的 api-samples/printing ,或基于该代码库。 以下示例使用 onJobStatusChanged 处理脚本来在
- 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
2025 年 1 月 Chrome 扩展程序的变化
概要介绍 Chrome 扩展程序近期的变化,以及开发者可以期待的即将推出的扩展程序功能。
- Chrome
- Chrome 扩展程序
WebGPU(Chrome 133)中的新变化
新增了 unorm8x4-bgra 和 1 个组成部分的顶点格式,允许使用未定义值请求未知限制,WGSL 对齐规则发生变化,WGSL 性能因舍弃而提升,等等。
- Chrome
- WebGpu
chrome.bookmarks
使用 chrome.bookmarks API 创建、整理和以其他方式处理书签。另请参阅 替换页面 ,您可以使用该页面创建自定义书签管理器页面。 您必须在 扩展程序清单 中声明“书签”权限,才能使用 Bookmarks API。例如: 书签以树状结构进行整理,其中树中的每个节点都是一个书签或文件夹(有时称为 组 )。树中的每个节点都由 bookmarks.BookmarkTreeNode 对象表示。 BookmarkTreeNode 属性在整个 chrome.bookmarks API
- Chrome 扩展程序
chrome.bookmarks
此权限会 触发警告 。 使用 chrome.bookmarks API 创建、整理和以其他方式处理书签。另请参阅 替换页面 ,您可以使用该页面创建自定义书签管理器页面。 您必须在 扩展程序清单 中声明“书签”权限,才能使用 Bookmarks API。例如: 书签以树状结构进行整理,其中树中的每个节点都是一个书签或文件夹(有时称为 组 )。树中的每个节点都由 bookmarks.BookmarkTreeNode 对象表示。 BookmarkTreeNode 属性在整个
- Chrome 扩展程序
使用 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 开发者工具
媒体
改进将图片、视频等内容添加到您的网站和 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 开发者工具
- 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
- 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 开发者工具
避免使用未合成的动画
如何通过 Lighthouse 审核。
Chrome 132 开发者工具的新变化
使用 Gemini 调试网络请求、源文件和性能轨迹,查看 AI 聊天记录等。
- Chrome 开发者工具
- Chrome
CSS Wrapped 2024
加入 Chrome DevRel 团队和滑板 Chrome Dino,一起探索 2024 年为 Chrome 和 Web 平台推出的最新 CSS。
使用 DevTools 记录和分析性能轨迹
使用 DevTools 记录和分析性能轨迹。
- Chrome 开发者工具
- Chrome
内存术语
本部分介绍内存分析中的常用术语,适用于不同语言的各种内存分析工具。
- Chrome 开发者工具
查看和修改扩展程序存储空间
如何使用“扩展程序存储空间”面板查看和修改扩展程序存储空间。
- Chrome 开发者工具
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.app.runtime
使用 chrome.app.runtime API 管理应用生命周期。应用运行时管理应用安装、控制事件页面,并且可以随时关闭应用。 "new_note" 启动应用时,可以指定特定操作,例如创建新记事。LaunchData 实例的 actionData 字段内提供了应用启动时所用的操作类型。 "new_note" 任何 选填 字段 可选的开发者指定数据,要嵌入的应用在做出嵌入决策时可以使用这些数据。 字符串 void 允许 embedderId 在 <appview>
chrome.usb
使用 chrome.usb API 与已连接的 USB 设备进行互动。此 API 可从应用上下文中访问 USB 操作。借助此 API,应用可以充当硬件设备的驱动程序。通过设置 runtime.lastError 并执行函数的常规回调来报告此 API 生成的错误。在这种情况下,回调的常规参数将未定义。 布尔值 这是有效配置吗? number 配置编号。 字符串(可选) 配置说明。 ArrayBuffer 与此配置相关联的额外描述符数据。 InterfaceDescriptor [] 可用的接口。
Chrome 扩展程序中的 Prompt API
探索 Prompt API 在 Chrome 扩展程序中的无限可能。
扩展程序和 AI
了解如何利用 AI 技术开发扩展程序
- Chrome 扩展程序
“性能数据分析”面板已废弃
实验性“效果数据分析”面板将于 2025 年 1 月移除,取而代之的是“效果”面板中提供的新数据分析。
- Chrome 开发者工具
- Chrome
使用强大的 HSTS 政策
详细了解如何配置强大的 HTTP 严格传输安全协议 (HSTS) 政策
Chrome DevTools
探索 AI 助理的最新动态和应用场景
- Chrome 开发者工具
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.contentSettings
使用 chrome.contentSettings API 更改用于控制网站是否可以使用 Cookie、JavaScript 和插件等功能的设置。更一般地说,内容设置可让您针对每个网站(而非全局)自定义 Chrome 的行为。 您必须在扩展程序的清单中声明 "contentSettings" 权限,才能使用该 API。例如: 您可以使用模式来指定每项内容设置影响的网站。例如, https://*.youtube.com/* 指定了 youtube.com 及其所有子网域。内容设置模式的语法与
- 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 用户体验报告
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 开发者工具
针对来源的 AI 辅助
借助 AI 技术了解您的网站资源
- Chrome 开发者工具
针对效果的 AI 辅助
借助 AI 了解效果配置文件
- Chrome 开发者工具
内置 AI
内置 AI 是最新产品,可为用户提供强大的模型,同时保护敏感数据并缩短延迟时间。
AI 助理面板
了解网站如何在 AI 的帮助下运作
- Chrome 开发者工具
直接在“性能”面板中为轨迹添加注释
了解如何使用开发者工具中新增的注释功能,让性能轨迹更易于理解
- 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 开发者工具
更多样式选项 <details>
现在,您可以使用新的 ::details-content 伪元素设置显示类型,还可以为可展开和收起的部分设置容器样式。
WebGPU 的新变化 (Chrome 131)
WGSL 中的剪裁距离、GPUCanvasContext getConfiguration()、点和线基元不得有深度偏差、针对子组的包含扫描内置函数、对多绘制间接的实验性支持、着色器模块编译选项严格数学、移除 GPUAdapter requestAdapterInfo() 等。
- Chrome
- WebGpu
“内存”面板概览
深入了解内存分配、调查低级内存问题及管理垃圾回收。
- Chrome 开发者工具
通过无缝的凭据共享功能,帮助用户顺畅登录
借助无缝凭据共享功能,您可以安全地向密码管理工具发出信号,让用户能够在您的 Android 应用和网站中使用相同的凭据登录。
- Chrome
自定义开发者工具
自定义 Chrome 开发者工具的一系列方式:更改主题、位置、面板顺序、语言等。
- Chrome 开发者工具
徽章参考
使用标记切换各种叠加层和加快 DOM 树导航的速度。
- Chrome 开发者工具
在“性能”面板中监控实时 Core Web Vitals 指标
在“性能”面板中监控实时 Core Web Vitals 指标。
- Chrome 开发者工具
- Chrome
识别用户的手写内容
借助手写识别 API,Web 应用可以使用高级手写识别服务实时识别手写输入中的文字。
使用 CSS 打印时,将内容添加到网页的边缘
在打印网页时创建自定义页眉和页脚。
- Chrome
Chrome 开发者工具 (Chrome 131) 的新变化
使用 Gemini 调试 CSS,在“性能”面板中添加注释和获取数据洞见,发现过度布局偏移和非合成动画等问题。
- Chrome
- Chrome 开发者工具
WebGPU:问题排查提示和修复
了解 WebGPU 在 Chrome 浏览器中可能被停用或无法正常运行的原因。
从 Chrome 中移除 --headless=old
Chrome 132 不再包含旧版无头模式。迁移到 chrome-headless-shell 或新版无头模式。
- Chrome
分析运行时性能
了解如何在 Chrome 开发者工具中评估运行时性能。
- Chrome 开发者工具
开发者工具中新增了滚动标志:更快地找到可滚动元素
了解开发者工具的新滚动标记如何简化滚动元素的调试(以及我们如何构建它!)。
- 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 开发者工具
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 开发者工具
AI 创新
“AI 创新”标签页参考。
- Chrome 开发者工具
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 131 将更改 CSS 突出显示继承。
- Chrome
CSS 锚点定位 API
使用 Anchor Positioning API 定位元素与它们之间的相对位置。
在 Chrome 开发者工具中捕获预测:为什么很难以及如何改进
了解开发者工具调试程序如何预测是否捕获了异常。
- Chrome
加入 Google Chrome 内置 AI 挑战赛
我们将举办内置 AI 挑战赛,诚邀您重新思考如何在 Chrome 中使用 Gemini Nano 实现各种可能。
- Chrome
WebAuthn:模拟身份验证器
在 Chrome 开发者工具中模拟身份验证器并调试 WebAuthn。
- Chrome 开发者工具
Chrome 130 开发者工具的新变化
针对您可以在“效果”面板中浏览的实时指标和面包屑导航功能提供建议,改进了网络过滤条件,提供经过净化处理的 HAR 导出内容等。
- Chrome 开发者工具
- Chrome
功能参考资料
有关 Chrome 开发者工具“Recorder”面板功能的全面参考。
- Chrome 开发者工具
搜索:查找所有已加载资源中的文本
使用“搜索”面板查找所有已加载资源中的文本。
- Chrome 开发者工具
提升 Chrome 应用商店开发者信息中心的移动体验
我们很高兴地宣布,Chrome 应用商店开发者信息中心进行了一系列界面更改,使其响应速度更快,更适合移动设备。我们希望这样能让您在监控商品详情效果、更改商品详情以及管理实体店内扩展程序时获得更便捷的体验。 我们更新了所有图表和分析页面,使其响应速度更快,以便您更好地查看扩展程序在移动设备上的商品详情效果。 您还可以通过移动设备更新商店元数据,包括说明、图片和隐私设置。
- Chrome 扩展程序
- Chrome
覆盖率:找出未使用的 JavaScript 和 CSS
如何在 Chrome 开发者工具中查找和分析未使用的 JavaScript 和 CSS 代码。
- Chrome 开发者工具
“来源”面板概览
在 Chrome 开发者工具的“Sources”面板中查看和修改文件、创建代码段、调试 JavaScript 并设置工作区。
- Chrome 开发者工具
安全:了解安全问题
使用“安全性”面板可确保网页完全受 HTTPS 保护。
- Chrome 开发者工具
“层”面板:浏览您网站的各个层
检查网站的各层。
- Chrome 开发者工具
缓存揭秘:检查、清除和停用缓存
使用 DevTools 检查和排查缓存问题。
- Chrome 开发者工具
- Chrome
适用于单页应用的同文档视图转换
开始同文档视图转换,以便在单页应用中使用。
Web Vitals 扩展程序现已在 DevTools 中推出
Web Vitals 扩展程序将与 Chrome DevTools 的“性能”面板合并,并于 2025 年 1 月停用独立支持。
- Chrome
- Chrome 开发者工具
控制台概览
Chrome DevTools 控制台的主要用途是记录消息和运行 JavaScript。
- Chrome 开发者工具
使用 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 开发者工具
WebGPU(Chrome 129)中的新变化
HDR 支持以及画布色调映射模式、扩展的子群组支持等功能。
- Chrome
- WebGpu
Chrome 129 中的新变化
Chrome 129 现已发布!长任务可以产生 - 为了提高性能,您可以为具有固有大小的元素添加动画效果,对锚点定位语法进行一些更改,等等。Pete LePage 详细介绍了 Chrome 129 中面向开发者的新功能。
- Chrome
“性能”面板:分析网站性能
分析网站的加载和运行时性能
- Chrome 开发者工具
Web Serial 中的蓝牙 RFCOMM 更新
了解如何使用 Web Serial 检测蓝牙 RFCOMM 串行端口何时可用。
- Chrome
请求开发者反馈:可自定义选择
抢先体验全新的可自定义选择功能。
- Chrome
冻结屏幕并检查消失的元素
冻结 DOM 中的元素,以便使用开发者工具进行检查。
- Chrome
- Chrome 开发者工具
键盘锁定 API 和 Pointer Lock API 需要从 Chrome 131 获得权限
借助 Keyboard Lock API ,开发者可以为各种用例(包括互动网站、游戏以及远程桌面或应用流式传输)提供沉浸式全屏体验。它通过允许网站使用主机操作系统允许的所有可用按键来实现此目的。 借助 Pointer Lock API ,桌面应用可以隐藏指针图标,并将鼠标移动解释为其他操作,例如在 3D 世界中环顾四周。 从 Chrome 131 开始,使用这两个 API 都需要权限。您可以 检查 权限,如以下代码段所示: 无需明确 请求
- Chrome
对任何元素(而不仅仅是“视频”)实现画中画
在屏幕常亮的窗口中显示任意 HTML 内容。
版本说明
CrUX 数据集最新变更的详细信息。
- Chrome 用户体验报告
清单 - 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 开发者工具
更改:跟踪您的 HTML、CSS 和 JavaScript 更改
跟踪对 HTML、CSS 和 JavaScript 的更改。
- Chrome 开发者工具
隆重推出 Digital Credentials API 源试用
Digital Credentials API 的源试用将从 Chrome 128 开始。Digital Credentials API 是一种新的网络平台 API,可让网站通过数字凭据(例如存储在数字钱包中的驾照或国民身份证)选择性地请求有关用户的可验证信息。
- Chrome
在 Chrome 中实现跨网站无缝共享凭据的功能
如果您使用多个网域共用同一个账号管理后端,那么现在通过 Digital Asset Links,您还可以在这些网域之间无缝共享凭据。这样一来,用户只需保存一次凭据,即可让 Chrome 密码管理器将这些凭据推荐给任何关联的网站。
在命令菜单中运行命令
有关如何打开命令菜单、运行命令、打开文件以及查看其他操作等操作的指南。
- Chrome 开发者工具
锚点定位语法变更
您应了解的与 Anchor Positioning API 相关的变更。
- Chrome
Chrome 129 开发者工具中的新功能
“效果”>“搜索请求”网络、通过自动填充功能在地址表单中使用测试数据、在“记录器”面板中导出到适用于 Firefox 的 Puppeteer,以及通过“性能”面板中的观察结果一目了然地发现性能问题,等等。
- Chrome
- Chrome 开发者工具
网络平台
了解 Chrome 的运作方式、参与源试用并随时随地使用 Chrome 构建应用。
隆重推出适用于 Chrome 中的 WebAuthn 的提示、相关源请求和 JSON 序列化
Chrome 上的 WebAuthn 现在可以使用提示、相关源请求和 JSON 序列化
- Chrome
语言检测 API 已推出早期预览版
EPP 参与者现在可以在 Chrome 中使用语言检测 API 进行原型设计。
- Chrome
Lighthouse:优化网站速度
Chrome Lighthouse 可助您提高网站的加载速度。
- Chrome 开发者工具
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 参数如下所示: 承诺<void> 只有 Manifest V3 及更高版本支持 Promise,其他平台需要使用回调。 撤消已授予的令牌。 对象 deleteToken 的参数。 字符串 用于获取令牌的授权实体。 字符串 用于获取令牌的范围。 函数(可选) callback 参数如下所示: 承诺<void> 只有 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" 指定使用单面打印。 &quot;TWO_SIDED_LONG_EDGE&quot; 指定使用双面打印,将长边翻转。 &quot;TWO_SIDED_SHORT_EDGE&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.sessions
使用 chrome.sessions API 从浏览会话中查询和恢复标签页及窗口。 字符串 外部设备的名称。 会话 [] 外部设备打开的窗口会话的列表,按会话从最近修改到修改时间(由近到远)排序。 编号( 选填 ) 要在请求的列表中提取的条目数上限。省略此参数可提取最大条目数 ( sessions.MAX_SESSION_RESULTS )。 number 窗口或标签页的关闭或修改时间,以从公元纪年开始计算的毫秒数表示。 Tab (可选) tabs.Tab
- 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&lt; HardwarePlatformInfo &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 无需管理权限。 该项被停用的原因。 “未知” &quot;permissions_increase&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&lt;number&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 参数如下所示: 字符串 承诺<字符串> 只有 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 参数如下所示: 承诺<void> 只有 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 开发者工具
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&lt; MemoryInfo &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 开发者工具
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 开发者工具
File System Observer API 源试用
Chrome 团队正在对新的 File System Observer API 进行实验,该 API 可将文件系统发生的变化告知开发者。
- Chrome
使用 WebGPU 构建应用
了解如何使用 WebGPU 构建适用于 Web 和特定平台的应用。
提升了 Chromium 无障碍功能的性能
Ahmed Elwasefi 的一篇帖子,分享了他是如何通过 Google 夏季编程活动成为 Chromium 贡献者的。
- Chrome
chrome.contentSettings
您可以使用 chrome.contentSettings API 更改相关设置,以控制网站是否可以使用 Cookie、JavaScript 和插件等功能。从更笼统的角度来说,内容设置允许您按网站(而非全局)自定义 Chrome 的行为。 您必须声明“contentSettings”权限。例如: 您可以使用模式来指定受每项内容设置影响的网站。例如: https://*.youtube.com/* 指定 youtube.com 及其所有子网域。内容的语法 设置模式与 匹配模式
- 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 开发者工具
- Chrome
Chrome 128 开发者工具中的新功能
控制台数据分析现已在欧洲推出,增强型网络轨道和 API 可帮助您在“性能”面板中自定义轨道,等等。
- Chrome
- 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 用户体验报告
CrUX History API
了解如何使用 CrUX History API 查询过去 6 个月的 CrUX 历史趋势。
- Chrome 用户体验报告
借助“早期提示”利用服务器思考时间来加快页面加载速度
了解您的服务器如何向浏览器发送有关关键子资源的提示。
“网络”面板:分析网络负载和资源
分析网络负载和资源
- Chrome 开发者工具
断线 <红宝石>和 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< StreamSource > 响应 ReadableStream BodyInit 接受多个源 promise,每个 promise 都可以解析为 Response、ReadableStream 或 BodyInit 。 返回一个对象,该对象会展示一个 ReadableStream (其中包含按顺序返回每个流的数据),以及一个在流结束时发出信号的 Promise(用于传递给
清单 - 说明
描述扩展程序的纯文本字符串(无 HTML 或其他格式;不超过 132 个字符)。该说明应适合浏览器的扩展程序管理界面和 Chrome 应用商店 。您可以为此字段指定特定于语言区域的字符串;如需了解详情,请参阅 国际化 。
清单 - 键
此值可用于在开发期间加载扩展程序、应用或主题时控制其唯一 ID。 如需获取合适的键值对,请先通过.crx 文件安装扩展程序(您可能需要 上传扩展程序 或 手动将其打包 )。然后,在 用户数据目录 中查找文件 Default/Extensions/_<extensionId>_/_<versionString>_/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 开发者工具
偏好设置
“偏好设置”标签页参考。
- Chrome 开发者工具
“记录器”面板:记录和衡量用户流
分析和记录用户流。
- Chrome 开发者工具
关于视图转换的误解
随着越来越多的人开始使用 View Transition API,您需要破除一些误解。
- Chrome
Chrome 扩展程序发生了什么情况?
简要介绍 Chrome 扩展程序近期的变化,以及即将推出的令人期待的扩展程序功能。
- Chrome 扩展程序
- Chrome
Chrome 扩展程序:重要的政策更新
本公告包含对“开发者计划政策”页面的一系列更新,这些更新旨在鼓励开发高质量的产品、防止欺骗性行为并确保用户知情同意。
- Chrome 扩展程序
- Chrome
Chrome 127 开发者工具的新变化
元素中的 CSS 锚点定位、“来源”中的“永不暂停”功能、新的滚动贴靠事件监听器、更新了网络节流预设,等等。
- Chrome 开发者工具
- Chrome
检查模式:快速分析元素属性
检查 Web 应用中的元素
- Chrome 开发者工具
性能功能参考
有关在 Chrome 开发者工具中记录和分析性能的所有方式的参考信息。
- Chrome 开发者工具
向 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 用户体验报告
3 项新功能,可自定义开发者工具中的性能工作流
了解有助于优化“效果”面板并专注于最需要的信息的最新功能
- Chrome 开发者工具
- Chrome
协议监控:查看和发送 CDP 请求
监控 CDP 请求和响应。
- Chrome 开发者工具
在重新计算样式事件期间分析 CSS 选择器性能
在重新计算样式事件期间分析 CSS 选择器性能。
- Chrome 开发者工具
跳过审核以查找符合条件的附加信息更改
我们很高兴地宣布推出一项新功能,该功能可让开发者使用声明式 Net Request API 跳过对 Manifest V3 扩展程序符合条件的更改的审核流程。
- Chrome
没有具有宽度或初始缩放的标记
了解“没有包含宽度或初始缩放比例的标记”Lighthouse 审核。
广告资源网条件:替换用户代理字符串
了解如何使用“网络状况”面板模拟其他浏览器。
- Chrome 开发者工具
开发者工具的新变化,Chrome 126
改进了轨道配置模式、火焰图中的忽略列表,以及在“性能”面板中将 CPU 节流 20 倍,等等。
- Chrome 开发者工具
- Chrome
2024 年 Google I/O 大会上的 Chrome 扩展程序
另一届 Google I/O 大会即将拉开帷幕,我们介绍了所有激动人心的扩展程序更新!
- Chrome
调试 JavaScript
了解如何使用 Chrome 开发者工具查找和修复 JavaScript bug。
- Chrome 开发者工具
使用 Chrome 开发者工具调试推测规则
全面了解 Chrome 开发者工具的各项功能,以便调试用于预提取和预呈现未来网页导航操作的推测规则。
- Chrome 开发者工具
快捷来源面板
可以查看源文件并使用其他工具。
- Chrome 开发者工具
借助客户端 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 开发者工具
有助于加快 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 开发者工具
开发者工具提示:替换和模拟网络响应
了解如何使用开发者工具替换和模拟网络响应。
- Chrome
- Chrome 开发者工具
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 开发者工具
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 开发者工具
滚动条驱动动画案例研究
通过 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 开发者工具
清单 - 试用令牌
关于 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 开发者工具
网站可在各种浏览器中正常运行
了解如何使用 Workbox 确保您的网页可在各种浏览器中正常运行。
每个网页都有一个网址
了解 Lighthouse - 每个页面都会进行网址审核。
限制
限制标签页引用。
- Chrome 开发者工具
Chrome 124 的新变化
Chrome 124 现已推出!有两个新 API 支持从 JavaScript 使用声明性 shadow DOM。您可以在 Web Socket 中使用流。改进了视图过渡。还有很多其他功能。Pete LePage 介绍了 Chrome 124 中面向开发者的新功能的所有详细信息。
- Chrome
自动填充:检查和调试已保存的地址
使用“自动填充”面板检查和调试在 Chrome 中保存的地址。
- Chrome 开发者工具
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
- Chrome 开发者工具
如何通过 PageSpeed Insights 查看 Chrome 用户体验报告数据
PageSpeed Insights (PSI) 是一款供 Web 开发者了解网页性能指标及改进方法的工具。在本指南中,您将了解如何使用 PSI 从 CrUX 中提取数据洞见,并更好地了解用户体验。
- Chrome 用户体验报告
BigQuery 上的 CrUX
了解 BigQuery 上的 CrUX 数据集的结构。
- Chrome 用户体验报告
WebGPU 的新变化 (Chrome 124)
提供只读和读写存储纹理、Service Worker 和共享工作器支持,新增了适配器信息属性和 bug 修复。
- Chrome
- WebGpu
CrUX 中现已提供导航类型
了解 Chrome 用户体验报告 (CrUX) 中新增的 navigation_types 指标,以及如何使用该指标来解释和优化网站性能指标。
- Chrome
CrUX 指南
通过简单易懂的指南了解如何使用 CrUX
- Chrome 用户体验报告
Chrome 应用商店开发者信息中心内的版本回滚
本周,我们很高兴地推出一项新功能,让开发者能够将其扩展程序在 Chrome 应用商店中的版本回滚到之前发布的版本。我们的目标是让开发者在发布更新时更加放心,尤其是在过渡到清单 V3 时。 从今天起,您无需提交包含 bug 修复程序的新版扩展程序,并等待其通过审核。不过,您可以通过 更多 菜单或商品的文件包页面启动回滚。 回滚需要提供一个新版本号(扩展程序的旧版本将以此版本号重新发布),以及回滚原因。填写所需信息后,确认回滚。 回滚完成后,系统会通过正常的 Chrome
- Chrome 扩展程序
- Chrome
确保文本在网页字体加载期间保持可见
了解如何使用 font-display API 确保您的网页文本始终对用户可见。
开发者工具的新变化,Chrome 124
滚动条驱动的动画支持、新的“自动填充”面板、网络节流中用于 WebRTC 的新选项,等等。
- Chrome
- Chrome 开发者工具
Goodbye JS Profiler,使用“Performance”面板对 CPU 进行性能分析
了解分析 CPU 性能的后续路径,了解我们废弃 JavaScript 性能分析器的原因和方式。
- Chrome
往返缓存 notRestoredReasons API
报告有关文档中存在的帧是否被禁止在导航时使用往返缓存的信息。
使用“性能”面板分析 Node.js 性能
了解如何使用“性能”面板分析 Node.js 应用性能。
- Chrome 开发者工具
WebAssembly JavaScript Promise 集成 (JSPI) 进入源试用
JavaScript Promise Integration (JSPI) 是一种 API,可让编译为 WebAssembly 的同步依序代码访问异步 Web API。
- Chrome
fetchLater API 源试用
了解 fetchLater API(现处于源试用阶段),这是一种用于请求延迟提取(即使网页关闭也会完成)的新 API。
- Chrome
网络请求:通过屏蔽网络请求来测试您的网站
测试您的网站如何处理缺少的资源。
- Chrome 开发者工具
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 开发者工具
- Chrome
隐藏扩展程序请求并进一步改进“网络”面板
探索 Chrome DevTools 的 Network 面板的最新改进,这些改进旨在简化您的网络调试体验。
- Chrome 开发者工具
- Chrome
元素面板概览
即时对 DOM 进行更改。
- Chrome 开发者工具
WebGPU 的新变化 (Chrome 123)
DP4a 内置函数支持、不受限制的指针参数、用于在 WGSL 中解引用复合的语法糖等。
- Chrome
- WebGpu
应用其他效果:启用自动深色主题、模拟焦点等
突出显示广告框架、模拟网页上的焦点、停用本地字体和图片格式、启用自动深色主题,以及模拟视觉缺陷。
- Chrome 开发者工具
使用断点暂停代码
了解在 Chrome 开发者工具中暂停代码的所有方法。
- Chrome 开发者工具
CSS 功能参考
探索用于在 Chrome 开发者工具中查看和更改 CSS 的新工作流。
- Chrome 开发者工具
查看和更改 CSS
了解如何使用 Chrome 开发者工具查看和更改页面的 CSS。
- Chrome 开发者工具
以 chrome-headless-shell 下载旧版 Chrome
现在,对于每个面向用户的 Chrome 版本,您都可以将旧版 Headless Chrome 作为独立的二进制文件下载。
- Chrome
通过共享字典提高压缩效率
共享字典压缩对 Web 上的压缩功能进行了巨大提升。了解什么是静态资源和动态资源,以及它们的工作原理,以及它们如何能够比标准压缩进一步减少 Web 上静态和动态资源的加载时间。
- Chrome
应用面板概览
直接通过浏览器获取有关您的 Web 应用的重要信息。
- Chrome 开发者工具
对 Speculation Rules API 的改进
Speculation Rules API 最新更新的详细信息,包括平台的文档规则、紧急程度设置、限制和推测规则支持。
- Chrome
新变化概览
探索 Chrome 开发者工具的最新功能
- Chrome 开发者工具
国际化接口
使用 chrome.i18n API 以多种语言呈现您的界面。
- Chrome 扩展程序
使您的扩展程序可供访问
对于许多用户而言,无障碍功能实际上就是界面,其功能对许多其他用户来说非常有用。
- Chrome 扩展程序
Chrome 扩展程序:测试 Service Worker 中止过程
在这篇博文中,eyeo 团队分享了他们对测试扩展 Service Worker 这一问题的经历。特别是如何确保其 Chrome 扩展程序在 Service Worker 被暂停时正常工作。
- Chrome 扩展程序
- Chrome
开发者工具的新变化 (Chrome 123)
复活节彩蛋、元素和样式中的聚焦页面模拟、新的 Lighthouse 审核等等。
- Chrome
- 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 开发者工具
Chrome 122 的新变化
Chrome 122 现已推出!在新的 Storage Buckets API 中,开发者工具性能面板更新,使用 Async Clipboard API 读取 HTML 的未清理选项,等等。Adriana Jara 介绍了 Chrome 122 为开发者提供的所有详细信息。
- Chrome
键盘快捷键
Chrome 开发者工具键盘快捷键的规范文档。
- Chrome 开发者工具
对 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 开发者工具
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
隆重推出使用 EditContext API 打造自定义网页编辑体验的新方法
EditContext 是 Chrome 和 Edge 中推出的一款新 API,可帮助开发者在浏览器中构建高级文本编辑功能。不妨在这篇博文中了解详情!
- Chrome
开发者工具提示:调试推测性导航以提高网页加载速度
通过推测加载,加快网页浏览速度,并了解如何调试此类加载。
- Chrome 开发者工具
- 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 开发者工具
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
使用颜色选择器检查和调试高清和非高清颜色
了解如何在“元素”>“样式”中使用颜色选择器检查和调试高清和非高清颜色。
- Chrome 开发者工具
开发者工具提示:调试提取优先级
了解如何调试提取优先级。
- Chrome
- 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
WebGPU 的新变化
及时了解 WebGPU 的最新变化。
- WebGpu
WebGPU 的新变化 (Chrome 120)
支持 WGSL 中的 16 位浮点值、提高限制、深度模板状态更改、适配器信息更新等。
- Chrome
- WebGpu
利用区域拍摄功能更好地分享标签页
该网络平台现在内置了区域捕获功能,这是一种高效而可靠的剪裁视频轨道的方式。
CSS 封装:2023 年!
2023 年对 CSS 来说是重要的一年!了解今年哪些登陆 Chrome 和整个网络平台。
- Chrome
Chrome 开发者工具如何帮助抵御自跨站脚本攻击
了解 Chrome 开发者工具如何通过为没有经验的开发者工具阻止粘贴代码来缓解自跨站攻击。
- Chrome 开发者工具
- Chrome
通过端口转发访问本地服务器和 Chrome 实例
在开发机器网络服务器上托管网站,然后从 Android 设备访问内容。
- Chrome 开发者工具
查看、添加、修改和删除 Cookie
了解如何使用 Chrome 开发者工具查看、添加、修改和删除网页的 HTTP Cookie。
- Chrome 开发者工具
Chrome 120 的新变化
Chrome 120 现已推出!通过利用 CloseWatcher API 在处理关闭请求时提供一致的体验,使用详细信息元素轻松实现手风琴模式,现在提供权限政策违规报告,并且有更多功能。
- Chrome
开发者工具提示:什么是 DOM?HTML 与 DOM
了解如何使用开发者工具调试 DOM。
- Chrome 开发者工具
- Chrome
开发者工具提示:调试 bfcache
了解如何调试 bfcache 并使网页即时加载。
- Chrome 开发者工具
- Chrome
查看框架详情
查看框架详情。
- Chrome 开发者工具
专用网络访问权限提示源试用:使用 HTTPS 迁移网站的路径
在专用网络访问 (PNA) 规范中,Google Chrome 即将弃用从不安全的公共网站访问专用网络端点的功能。
- Chrome
重新审视 Chrome 的可安装性标准
在未来几个月内,Chrome 将进行实验,以简化应用安装标准,从而改善开发者和用户体验。这篇博文分享了您应该会有哪些变化,以及我们开展这些实验的原因。
- Chrome
CSS 中推出四项新的国际功能
Chrome 将增加四项新的国际 CSS 功能。
- Chrome
页面生命周期 API
Page Lifecycle API 将移动操作系统上常见的应用生命周期功能引入 Web 中。现在,浏览器能够安全地冻结和舍弃后台网页,从而节省资源,而且开发者可以安全地处理这些干预措施,而不会影响用户体验。
忽略列表
“忽略列表”标签页引用。
- Chrome 开发者工具
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
- 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 开发者工具
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 开发者工具
- Chrome
借助视图转换实现无缝导航
深入了解 CyberAgent、RedBus、Nykaa 和 PolicyBazaar 如何以及为何实现视图转换。
- Chrome
我们是 Chrome 开发者
喜迎 Chrome 15 周年,Google 成为了开发者值得信赖且乐于助人的合作伙伴。
- Chrome
从 WebGL 到 WebGPU
了解一些面向要迁移到 WebGPU 的 WebGL 开发者的提示。
- Chrome
开发者工具中的新功能 (Chrome 118)
在“元素”和“样式”中新增了自定义属性部分,并改进了本地替换项、增强了搜索、简化了“来源”中的工作区等。
- Chrome
- 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 开发者工具
太空视图转换
重点说明 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 开发者工具
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
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
- Chrome 开发者工具
在 Service Worker 中使用 WebSocket
有关如何在 Chrome 扩展程序中连接到 WebSocket 的分步说明。
- Chrome 扩展程序
WebRTC:旧版 getStats() 迁移指南
了解如何在 iOS 设备上针对 Chrome 使用 Safari 网页检查器调试功能。
- Chrome
开发者工具提示:本地存储空间和会话存储空间
使用 Application > Local Storage 和 Session Storage 调试键值对。
- Chrome 开发者工具
- Chrome
开发者工具中的新功能 (Chrome 116)
开发者工具进行了多项改进,可帮助您更快地发现和调试缺少样式的相关问题: Network 面板会始终在 Initiator 列中填充指向引用未能加载的样式表的确切行数的链接。 问题 面板会列出所有样式表加载问题,包括网址损坏、请求失败和 @import 语句放错位置。 Chromium 问题: 1440626 、 1442198 、 1453611 。 在 元素 > 样式 中,使用 缓动编辑器 ,只需点击一下即可调整 transition-timing-function 和
- Chrome 开发者工具
- 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 开发者工具
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 (元素)> Styles (样式)中,将光标悬停在选择器名称上,即可在提示中查看其
- Chrome 开发者工具
- Chrome
利用新的 Side Panel API 设计卓越的用户体验
隆重推出适用于 Chrome 的新 Side Panel API 扩展程序。
- Chrome
开发者工具提示:工作区
使用工作区将您在开发者工具中所做的更改保存到本地源文件。
- Chrome
- 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 (设置)> Experiments (实验)> WebAssembly Debugging: Enable DWARF support (WebAssembly 调试:启用 DWARF 支持)。如需了解详情,请参阅 使用新型工具调试 WebAssembly 。 通过此实验,您可以在 Wasm 应用中暂停执行并调试 C 和 C++ 代码,并获取所有调试信息: 如需测试 Wasm 调试,请安装 C/C++ 开发者工具支持 (DWARF)
- Chrome
- 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 开发者工具
CSS 更新媒体查询
调整界面以适应屏幕的刷新率功能。
WebGPU 的新变化 (Chrome 113)
Chrome 自带 WebGPU,并在源试用中集成了 WebCodecs。
- Chrome
- WebGpu
开发者工具提示:开发者工具中的源代码映射
使用开发者工具中的源映射来调试原始代码,而不是部署代码。
- Chrome 开发者工具
- Chrome
预热和预提取:使用自定义标签页服务
了解如何利用自定义标签页服务提升用户体验。
使用部分自定义标签页进行多任务处理
了解如何使用部分自定义标签页,让用户在查看网页内容时与您的应用互动。
衡量用户互动度
如何在自定义标签页中衡量用户互动度。
使用入门
如何从 Android 应用启动自定义标签页。
自定义界面
如何使自定义标签页与应用的外观和风格浑然一体。
添加自定义互动
如何向自定义标签页添加自定义操作。
为桌面设备提供更丰富的界面安装功能
移动设备和应用商店改变了用户发现、评估和安装软件的方式。现在,Web 应用提供了一个平台,供开发者在安装时突出显示其应用。
- Chrome
回顾过往:测试自动化的演变
了解 Web 测试自动化的发展历程。
- Chrome
录音和屏幕截图
如何录制标签页、窗口或屏幕中的音频或视频。
- Chrome 扩展程序
Chromium Chronicle #33:视图 AnimationBuilder
在 View 中使用基于层的动画可以提高性能并减少 但设置起来比较困难通过 AnimationBuilder 类可以显著降低复杂性,并提高层的可读性, 动画。 假设您需要为以下两个元素之间的连续淡入淡出添加动画 如下图所示。 以下示例展示了如何直接使用图层动画 API 来完成此操作。 下面展示了如何使用 AnimationBuilder 创建相同的效果。 退出作用域后,动画即会开始播放。 您更愿意编写或读取哪些代码?更重要的是, AnimationBuilder
- Chrome
解决 CSS 布局与源代码顺序断开连接的问题
我们希望您就一个建议的解决方案提供反馈意见,以便解决布局方法按照与文档来源无关的顺序排列项目的问题。
- Chrome
新的“Breakpoints”边栏如何帮助您更快地进行调试
为了更轻松地执行删除或停用断点等常用操作,我们重新设计了断点边栏,以便通过一次点击即可执行这些操作。
- Chrome
- Chrome 开发者工具
开发者工具中的新功能 (Chrome 113)
现在,您可以在 网络 面板中替换响应标头。以前,您需要访问网络服务器才能对 HTTP 响应标头进行实验。 借助响应标头替换项,您可以在本地对各种标头(包括但不限于)进行修复原型设计: 如需替换标头,请依次前往 Network (网络)> Headers (标头)> Response Headers (响应标头),将光标悬停在标头的值上,然后点击 进行修改。 您还可以添加自定义标头。 如需在一个位置修改所有替换项,请依次前往 来源 > 替换项 ,然后修改.headers
- Chrome
- Chrome 开发者工具
Chrome 113 Beta 版
新增了 CSS 媒体功能、linear() 加/减速函数和 WebGPU。
- Chrome
Chrome 搭载 WebGPU
Chrome 团队推出了 WebGPU,它支持在网络上实现高性能 3D 图形和数据并行计算。
- Chrome
- WebGpu
Chrome 版本更快发布
从 Chrome 114 开始,发布分支与发布稳定版之间的间隔时间更短。
- Chrome
Chrome 112 的新变化
Chrome 112 现已推出!现在,CSS 支持嵌套规则,用于设置初始焦点的算法已更新,用于设置对话框元素的初始焦点,从现在开始会跳过 Service Worker 上的空操作提取处理程序,以加快导航速度,并且还有许多其他功能。
- Chrome
使用 Service Worker 处理事件
了解如何创建和调试扩展程序服务工作器。
- Chrome 扩展程序
开发者工具提示:什么是源代码映射?
了解源代码映射如何帮助您调试原始代码(而不是部署代码)。
- Chrome 开发者工具
- Chrome
ignoreList 源映射扩展程序
使用 ignoreList 源映射扩展程序改进了 Chrome 开发者工具中的调试体验。
- Chrome
从 Web SQL 到 SQLite Wasm:数据库迁移指南
SQLite Wasm 由原始私有文件系统提供支持,是已废弃的 Web SQL 数据库技术的多用途替代方案。本文将指导您将数据从 Web SQL 迁移到 SQLite Wasm。 弃用并移除 Web SQL 一文宣布了 Web SQL 数据库技术已被弃用。虽然该技术本身可能会被弃用,但该技术所涵盖的用例却不会被弃用,因此,后续文章 浏览器中的 SQLite Wasm,由源私有文件系统提供支持 概述了基于 SQLite 数据库、 编译为 Web Assembly (Wasm) 且由 源私有文件系统
- Chrome
与 Fastly 合作 - 为 FLEDGE 的 k-匿名性服务器部署负责任的 HTTP 中继
我们正在与 Fastly 合作,以便为 FLEDGE 实现 k-匿名性服务器,从而改进 Chrome 的隐私保护措施。由于在此实现中通过 OHTTP 中继来中继数据,Google 服务器不会接收最终用户的 IP 地址。k-匿名性服务器是逐步实现 FLEDGE 的目标。
- Chrome
要求从 WebView 选择性地发送 X-Requested-With 标头,加强用户隐私
我们希望通过限制 X-Requested-With 标头的发送时间来保护用户隐私。
- Chrome
SPA 视图转换在 Chrome 111 中推出
View Transition API 允许在单页应用中转换页面,并且以后将支持多页应用。
- Chrome
更新清单
Manifest V3 与 Manifest V2 需要的 manifest.json 文件格式略有不同。
- Chrome 扩展程序
更新代码
三个部分的第一部分介绍了需要对不属于扩展 Service Worker 的代码所做的更改。
- Chrome 扩展程序
Chrome 112 Beta 版
FormData 构造函数的 CSS 嵌套、Animation-composition 和提交者参数。
- Chrome
开发者工具中的新功能 (Chrome 112)
记录器 引入了对自定义重放选项的支持,您可以使用扩展程序将这些选项嵌入到开发者工具中。 试用 示例扩展程序 。选择新的自定义重玩选项以打开自定义重玩界面。 如需根据您的需求自定义 记录器 并将其与您的工具集成,不妨考虑开发自己的扩展程序:探索 chrome.devtools.recorder API 并查看更多 扩展程序示例 。 Chromium 问题: 1400243 。 除了 自定义、CSS、ARIA、文本和 XPath 选择器 之外,您现在还可以使用 穿透选择器
- Chrome 开发者工具
- Chrome
迁移到 Service Worker
Service Worker 让扩展程序仅在需要时运行,从而节省资源。
- Chrome 扩展程序
替换屏蔽型 Web 请求监听器
三个部分的第 2 部分介绍了需要对不属于扩展程序 Service Worker 的代码进行更改。
- Chrome 扩展程序
提高扩展程序的安全性
最后三部分介绍需要对不属于扩展程序 Service Worker 的代码进行更改。
- Chrome 扩展程序
CSS 嵌套
我们最喜欢的 CSS 预处理器功能之一现在内置于语言中,即嵌套样式规则。
Chrome 111 的新变化
Chrome 111 现已推出!您可以使用 View Transitions API 在单页应用中创建精美的转场效果,并通过支持 CSS 颜色级别 4 让颜色更上一层楼。你还可以在样式面板中探索新工具,充分利用新的颜色功能;还有更多其他功能等你体验。
- Chrome
Project Fugu API 展示中心
Project Fugu API 展示区包含一系列使用 Project Fugu 中 API 的应用。 Google 的跨公司 Capabilities 项目(代号为 Project Fugu )旨在让 Web 应用能够执行平台专用应用可以执行的任何操作。除了 Google 之外,该项目的合作伙伴还包括 Microsoft、Intel、三星等公司。该项目通过将底层操作系统的功能公开给 Web 平台,同时维护用户安全、隐私、信任和 Web 的其他核心原则,从而支持 Photoshop 等出色的
- Chrome
在隐私保护方面大显身手!用户现在更明智地共享屏幕
利用助推论,我们让用户在视频会议期间不再踩脚并射击。
- Chrome
使用 CSS 锚点定位将元素彼此连接
我们即将在网站平台上推出一项新 API,可帮助您轻松以自适应方式放置元素。
- Chrome
与业界携手改进 CHIPS
了解 Chrome 团队在实现 CHIPS 的过程中面临的两大挑战,以及社区反馈在改进提案设计的过程中发挥的关键作用。
- Chrome
改进标准讨论中的行为标准
Chrome 团队如何推动开展更专业、相互尊重且具有包容性的讨论。
- Chrome
用于后备字体的框架工具
了解 Next.js、Nuxt.js 和其他库如何帮助在没有 CLS 的情况下生成后备字体 CSS。
- Chrome
原生消息传递
与 Chrome 扩展程序中的原生应用互发消息。
- Chrome 扩展程序
样式查询使用入门
样式查询允许开发者使用 @container 规则查询父元素的样式值。在 Chrome 111 中,CSS 自定义属性的样式查询已稳定发布。了解如何开始使用。
开发者工具提示:发现 CSS 问题
使用“Styles”和“Computed”窗格可以发现开发者工具的 CSS 问题。
- Chrome 开发者工具
- Chrome
获取有关 Chrome 扩展程序的帮助
在哪里可以针对文档中未涵盖的问题寻求帮助。
- Chrome 扩展程序
设备
“设备”标签页参考。
- Chrome 开发者工具
工作区
“工作区”标签页参考。
- Chrome 开发者工具
实验
“实验”标签页参考。
- Chrome 开发者工具
开发者工具中的新功能 (Chrome 111)
调试高清色彩、增强断点用户体验等。
- Chrome 开发者工具
- Chrome
快捷指令
“快捷方式”标签页参考。
- Chrome 开发者工具
设置概览
设置概览。
- Chrome 开发者工具
改进了字体回退
借助新的 `size-adjust` 和字体指标替换值,开发者可以创建与网页字体高度匹配的字体回退。这样可以减少布局偏移。
- Chrome
Chrome 111 Beta 版
新增了 CSS 颜色类型和颜色空间、CSS 三角函数以及 View Transitions API。
- Chrome
Lighthouse 10 的新变化
Lighthouse 10 现已推出新的评分和审核功能。
- Chrome
通过 WebHID 与 Stadia 控制器通信
刷写后的 Stadia 控制器的行为类似于标准游戏手柄,这意味着无法使用 Gamepad API 访问其所有按钮。借助 WebHID,您现在可以访问缺少的按钮。 自 Stadia 停用以来,许多人担心控制器最终会成为垃圾填埋场的一堆废弃硬件。幸运的是,Stadia 团队决定改为提供自定义固件,以便您前往 Stadia 蓝牙模式 页面,在控制器上刷写该固件,从而解锁 Stadia 控制器。这样,Stadia 控制器就会显示为标准游戏手柄,您可以通过 USB 线或蓝牙无线连接到它。Stadia
- Chrome
什么是 Chrome flag?
启用其他调试工具,或试用 Chrome 中的新功能或实验性功能。
如何使用 CrUX History API
了解 CrUX History API 以及如何使用它跟踪用户体验趋势。
- Chrome 用户体验报告
Chrome 110 的新变化
Chrome 110 现已推出!使用新的“画中画”伪类为画中画元素添加自定义样式;使用 launch_handler 设置 Web 应用启动行为;使用 iframe 中的无凭据属性来嵌入未设置跨源嵌入器政策的第三方内容;还有很多其他功能。
- Chrome
开发者工具的新变化 (Chrome 110)
重新加载时清除 Performance 面板、在 Recorder 中查看和突出显示代码,以及执行其他操作。
- Chrome 开发者工具
- Chrome
针对第三方 iframe 中的 Web Share API 的新要求
为了更好地保护隐私和安全,现在需要明确允许在第三方 iframe 中进行 Web Share API 调用。 本文介绍了 Web Share API 中一项可能破坏兼容性的变更。此更改已在 Firefox 中实施,将在 Chrome 110 版中 实施,并且预计 很快 会在 Safari 中实施。 借助 Web Share API ,您可以分享文本、网址或文件。最简单的分享代码如下所示: 如果分享操作需要在第三方 iframe 中执行, 近期的规范变更 要求您明确允许执行此操作。为此,请向
- Chrome
Chromium Chronicle #32:注意补丁问题
了解 Chromium 开发者如何降低 n 天遭到攻击的可能性。
- Chrome
了解全新的 CSS 颜色空间
CSS Color 4 为 Web 提供了广色域色彩工具和功能:更多颜色、操作函数和更出色的渐变效果。
- Chrome
画中画的未来
关于 Chrome 源试用的消息,该产品可在始终开启的窗口中启用任意 HTML 内容。
- Chrome
专用网络访问通道更新:宣布弃用试用期延长
Chrome 即将在专用网络访问规范中弃用从非安全公共网站访问专用网络端点的权限。在 Chrome 113 之前,您可以试用弃用。
- Chrome
高清 CSS 颜色指南
CSS Color 4 为 Web 提供了广色域颜色工具和功能。
使用更多色彩和新空间
CSS Color 4 为 Web 提供了广色域颜色工具和功能。
迁移到高清 CSS 颜色
CSS Color 4 为 Web 提供了广色域颜色工具和功能。
开发者工具提示:调试 PWA
使用开发者工具调试渐进式 Web 应用。
- Chrome 开发者工具
- Chrome
CSS color-mix()
直接从 CSS 中混合使用任何支持的颜色空间混合颜色。
- Chrome
更长的扩展 Service Worker 生命周期
现在,只要正在接收事件,Extension Service Worker 就可以保持活动状态。这可以提高扩展 Service Worker 的可靠性,但有一个您应该避免的陷阱。
- Chrome
- Chrome 扩展程序
Android 版 Chrome 中 Web 应用的基本离线页面
从 Chrome 109 开始,当 Android 上已安装的 Web 应用没有自带离线体验时,浏览器会自动生成默认页面,以指明该应用当前处于离线状态。
- Chrome
开发者工具的新变化
及时了解最新的开发者工具变更。
- Chrome 开发者工具
Manifest V3 中的屏幕外文档
推出 Offscreen Documents API for Chrome 扩展程序开发。
- Chrome 扩展程序
- Chrome
Scrollend(一种新的 JavaScript 事件)
删除超时函数并消除其 bug,以下是您真正需要的事件:scrollend。
- Chrome
使用 CSS 首字母缩写词控制首写上限
想要设置流量上限的有趣解决方法,赶快告别吧!
- Chrome
发现能够胜任的 Web
您的浏览器支持哪些高级 Web 功能?利用这些功能的 Web 应用有哪些?要回答这些问题,请查看浏览器测试网站和浏览器扩展程序。 Project Fugu 是跨公司开展的一项工作,旨在缩小 Web 功能中的不足,使新类别的应用能够在网络上运行。更具体地说,这意味着需要向浏览器添加新的 API,应用开发者可以使用这些 API 来实现以前不可能的用例。您选择的浏览器支持哪些 API?哪些 Web 应用会使用这些 API?让我们来一探究竟! 文件处理 、 文件系统访问 、 异步剪贴板 和 Web
- Chrome
iframe 无凭据:轻松在 COEP 环境中嵌入 iframe
Chrome 110 已实现无凭据 iframe。它让开发者可以使用新的临时上下文在第三方 iframe 中加载文档。反过来,它们将不再受 COEP 嵌入规则的约束。使用 COEP 的开发者现在可以嵌入本身不使用 COEP 的第三方 iframe。
- Chrome
Chrome 110 Beta 版
CSS 首字母、Web 应用启动处理程序、针对 FedCM API 的跨源 iframe 支持等。
- Chrome
现在,Cookie 有效期和最大存在时间属性设有上限
自 Chrome 版本 M104(2022 年 8 月)起,Cookie 的有效期无法再设置 400 天之后。
- Chrome
确保该网页可以从往返缓存中恢复
如何使用 Lighthouse 测试能否从往返缓存中恢复网页。
由源私有文件系统提供支持的浏览器中的 SQLite Wasm
使用 SQLite 在 Web 上高效地处理您的所有存储需求。 SQLite 是一款热门的 开源 轻量级嵌入式关系型数据库管理系统。许多开发者都使用它以结构化且易于使用的方式存储数据。由于其体积小且内存要求低,SQLite 通常被用作移动设备、桌面应用和网络浏览器中的数据库引擎。 SQLite 的一个关键特性是它是一个无服务器数据库,这意味着它不需要单独的服务器进程即可运行。相反,数据库存储在用户设备上的单个文件中,因此可以轻松集成到应用中。 有许多基于 Web 汇编 (Wasm) 的非官方
- Chrome
在网络音频中更改目标输出设备
了解如何以程序化方式更改网络音频中的音频输出目标。
- Chrome
正在获取网站图标
如何获取网站图标。
- Chrome 扩展程序
Chrome 109 的新变化
Chrome 109 现已推出。Origin Private File System API 现已可用于 Android 应用,CSS 中新增了一组属性。借助对 MathML 核心的支持,您可以在 HTML 中轻松添加数学符号,此外还有很多其他功能。
- Chrome
开发者工具中的新功能 (Chrome 109)
在“录音机”应用中以脚本形式复制步骤,在表演的录制内容中以实际函数名称的形式复制。
- Chrome 开发者工具
- Chrome
开发者工具提示:调试 Project Fugu API
使用开发者工具调试 Project Fugu API。
- Chrome
- Chrome 开发者工具
RenderingNG 深入探究:LayoutNG 块碎片化
LayoutNG 中的块碎片化现已完成。请阅读本文,了解其运作方式及其重要性。
- Chromium
Chrome 110 的发布时间表发生变化
从 Chrome 110 开始,我们将面向一小部分用户发布早期稳定版本。
- Chrome
了解 Chrome 变体版本
一种供 Chrome 测试新浏览器功能的机制
什么是 Chrome 发布版本?
了解 Chrome 如何使用 Canary 版、开发者版、Beta 版和稳定版来测试新功能和发布更新。
帮助选择 CSS 嵌套的语法
CSS 工作组仍在就 CSS 中定义嵌套的最佳方式展开讨论。如果您是 CSS 编写者,我们非常希望能够为您提供帮助。
- Chrome
Chrome Dev Insider:
Chrome Web 平台团队的最新动向,我们将带领开发者从幕后分享他们的观点、对话和最新动态。
- Chrome
Chrome 应用商店政策更新
Chrome 即将更新 Chrome 应用商店的开发者计划政策,以便明确说明我们的指导原则、提供有关违规处置的更多背景信息,并让我们的政策更易于理解。
- Chrome 扩展程序
- Chrome
尽可能提高广告相关性
新增了关于 Privacy Sandbox on 广告相关性(不使用第三方 Cookie)的文档。
- Chrome
开发者需了解关于 Chrome 的内存模式和节能模式的须知事项
了解如何确保您的网页能够妥善处理 Chrome 新增的内存模式和节能模式。
- Chrome
开发者工具提示:设备模式
使用开发者工具中的 Device Mode 模拟移动设备。
- Chrome
- Chrome 开发者工具
Android 版 Chrome 的安全付款确认
Secure Payment Confirmation 利用通行密钥的强大功能在网络上提供防钓鱼式攻击付款确认。从 Chrome 109 开始,您将可以在 Android 版 Chrome 中使用此功能。
- Chrome
Chrome 109 Beta 版
MathML、getDisplayMedia() 的条件焦点、Android 上的源私有文件系统等。
- Chrome
使用 WebAuthn 通行密钥自动填充功能实现表单无密码登录
WebAuthn 条件界面利用浏览器的表单自动填充功能,让用户能够在基于密码的传统流程中使用通行密钥无缝登录。
Chrome 扩展程序:扩展 API 以支持即时导航
Extensions API 已更新,可支持往返缓存和预加载导航。
- Chrome
Chrome 108 中的新功能
Chrome 108 现已推出。有一些新的国际 API,让您在设置数字格式时拥有更大的控制权。我们已针对新的 Pop Up API 开展了源试用,以便您轻松向用户展示关键内容。我们对 CSS 进行了一些改进。还有许多其他功能。
- Chrome
Chrome 中的屏幕共享改进 109
详细介绍 Web 的两项屏幕共享改进:一种是在共享屏幕时控制标签页焦点的机制,另一种是控制本地音频播放的机制。
- Chrome
通过条件聚焦功能更好地共享屏幕
在网络上共享屏幕时,有条件地聚焦于某个标签页或窗口。
开发者工具提示:找出 CSS 改进
使用“CSS 概览”面板发掘潜在的 CSS 改进机会。
- Chrome
- Chrome 开发者工具
查找无效、已替换、无效和其他 CSS
一目了然地发现 CSS 属性的问题。
- Chrome 开发者工具
清单 - oauth2
关于 manifest.json 的 oauth2 属性的参考文档。
- Chrome 扩展程序
开发者工具提示:更快的开发者工具导航
了解如何使用快捷方式和设置通过更快的开发者工具导航来加快工作流。
- Chrome 开发者工具
- Chrome
CrUX 信息中心
使用 CrUX 信息中心直观呈现 BigQuery CrUX 数据
- Chrome 用户体验报告
并非所有存储空间都是一样的:引入 Storage 存储分区
Storage Buckets 是一种 API,用于提高内存压力大时永久存储逐出的可预测性。
- Chrome
Chrome 应用商店政策更新
Chrome 即将更新 Chrome 应用商店的开发者计划政策,以便明确说明我们的指导原则、提供有关违规处置的更多背景信息,并让我们的政策更易于理解。
- Chrome 扩展程序
- Chrome
清单 - input_components
manifest.json 的 input_components 属性的参考文档。
- Chrome 扩展程序
为 Android 版 Chrome 即将发生的视口大小调整行为变更做好准备
Chrome 108 中的视口大小调整行为即将发生哪些变化、Chrome 为何做出此项更改,以及您可以采取哪些准备工作。
- Chrome
Chrome 108 Beta 版
新增了 CSS 视口单元、Federrated Credential Management API、可变 COLRv1 字体等。
- Chrome
Payment Handler API 的 CanMakePayment 事件行为更新
Payment Handler API 中的“canmakepayment” Service Worker 事件让商家可以了解用户是否在已安装的付款应用中有银行卡信息。Chrome 正在移除附加到该事件的属性。
- Chrome
开发者工具中的新功能 (Chrome 108)
提示:不活跃的 CSS 属性、记录器中新的 XPath 和文本选择器,等等。
- Chrome
- Chrome 开发者工具
开发者工具提示:打开开发者工具的不同方式
探索打开 Chrome 开发者工具的所有方式。
- Chrome 开发者工具
- Chrome
Chrome 107 的新变化
Chrome 107 现已推出!Screen Capture API 中添加了一些新属性,可提升屏幕共享体验。您现在可以精确识别网页上的某个资源是否阻塞了渲染。通过源试用中的声明性 PendingBeacon API,您可以通过一种新方式将数据发送到后端服务器。还有许多其他功能。
- Chrome
重大变更:AccessHandles 的同步方法
为了简化在 Emscripten 等上下文中使用 AccessHandle 的过程,我们将 FileSystemSyncAccessHandle 接口的方法设为同步。
- Chrome
开发者工具提示:探索和修正低对比度文本
了解如何使用 Chrome 开发者工具发现和修正低对比度文本。
- Chrome
- Chrome 开发者工具
让您的网站更易于阅读
使用开发者工具查找并修复低对比度文本。
- Chrome 开发者工具
Trust Tokens 已重命名为 Private State Tokens
Trust Token API 将更名为 Private State Token API,以更好地描述其在隐私保护和实用性方面的优势。
- Chrome
高级 Web 应用基金 - 更新时间:2022 年 10 月
通过 Advanced Web Apps Fund,我们赞助了 11 个项目,通过 Open Collective 发放了超过 10 万美元的资金,旨在认识到这项工作的重要性,并鼓励更多人在这些项目上投入时间。
- Chrome
自定义并自动执行 Chrome 开发者工具记录器以外的用户流程
了解如何在 Chrome 开发者工具记录器之外自定义和自动执行用户流程。
- Chrome
在容器查询 polyfill 内
了解容器查询 polyfill 如何为旧版浏览器引入容器查询支持。
- Chrome
帮助为 CSS 嵌套调查问卷结果选择语法
查看 7,590 项开发者意见的调查结果。
- Chrome
开启 Chrome 扩展程序开发之旅的新方式
开启 Chrome 开发者学习之旅的更好方式。
- Chrome 扩展程序
- Chrome
Chrome Dev Insider:利用框架生态系统提升性能
Chrome Web 平台团队的最新动向,我们将带领开发者从幕后分享他们的观点、对话和最新动态。
- Chrome
对 CSS 中被替换元素溢出的更改
关于 CSS 行为变更,可能会导致意外溢出的高级警告。
- Chrome
Project Fugu 是否已“完成”?
本文重点介绍 Project Fugu 团队的工作重点,从实现新功能到优化和改进现有功能。
- Chrome
Hello World 扩展
创建您的第一个 Hello World Chrome 扩展程序。
- Chrome 扩展程序
在每个网页上运行脚本
了解如何自动向现有网页添加新元素。
- Chrome 扩展程序
管理标签页
了解如何使用标签页分组以编程方式整理标签页。
- Chrome 扩展程序
将脚本注入到当前活动的标签页中
了解如何简化当前页面的样式。
- Chrome 扩展程序
清单 - 作者
manifest.json 的作者姓名属性的参考文档。
- Chrome 扩展程序
Payment Handler API 将需要 CSP connect-src
如果您使用的是 CSP,则 Payment Handler API 用户必须将付款端点添加到“connect-src”指令。
- Chrome
Chrome 107 Beta 版
添加了 Screen Capture API、CSS 网格模板属性插值等方面的功能。
- Chrome
可保护隐私的屏幕共享控件
借助 Web 可保护隐私的屏幕共享控件,引导用户避免过度分享。
避免在屏幕共享时过度共享
Web 平台现在附带了用于隐私保护屏幕共享的额外控件。
- Chrome
有关向 Manifest V3 过渡的更多详细信息
关于将扩展程序迁移至 Manifest V3 的计划的新详细信息
- Chrome
- Chrome 扩展程序
开发者工具提示:修改、调试和导出用户流记录
您可以使用“Recorder”面板及其扩展程序修改、调试和导出用户流录制内容。
- Chrome 开发者工具
- Chrome
Chrome 106 的新变化
Chrome 106 现已推出。有一些新的国际 API,让您在设置数字格式时拥有更大的控制权。我们已针对新的 Pop Up API 开展了源试用,以便您轻松向用户展示关键内容。我们对 CSS 进行了一些改进。还有许多其他功能。
- Chrome
Chrome 如何为数十亿用户准备更新
与 Chrome 发布团队的技术项目经理进行对话,了解他们如何确保每个版本能够顺利发布。
- Chrome
开发者工具中的新功能 (Chrome 107)
自定义键盘快捷键、在内存检查器中突出显示 C/C 对象等等。
- Chrome
- Chrome 开发者工具
开发者工具中的新功能 (Chrome 106)
更好地支持现代网络调试、性能数据分析中的 LCP 时序明细等。
- Chrome 开发者工具
- Chrome
在 polyfill 进行重大更新时,容器查询开始进入稳定版浏览器
"借助容器查询,组件能够根据其所在的空间拥有自适应样式信息。此功能开始向现代浏览器推出,并且 Polyfill 支持有了重大更新。
- Chrome
弹出式窗口:正在复苏!
随着新的内置 API 加入平台,有问题的模式变得更加容易。
- Chrome
扩展内存检查器以进行 C/C++ 调试
了解我们如何使用内存检查器改进 C/C+ WebAssembly 应用的调试功能
- Chrome
匿名 iframe 源试用:在 COEP 环境中轻松嵌入 iframe
使用 COEP 的开发者现在可以嵌入本身不使用 COEP 的第三方 iframe。您可在 Chrome 106 至 108 版 Chrome 中测试匿名 iframe 源试用。
- Chrome
Chrome 106 中的弃用和移除内容
概括介绍了 Chrome 106 中弃用和移除的功能,以便您做好规划。
- Chrome
开发者工具提示:如何检查和调试 CSS flexbox
了解如何使用 Chrome 开发者工具检查、修改和调试 CSS Flexbox 布局。
- Chrome 开发者工具
- Chrome
弃用并移除 Web SQL
Web SQL 最初提出于 2009 年 4 月,并于 2010 年 11 月被放弃。我们已逐步从 Chrome 中将其移除,最初是在不安全的环境中,然后自 Chrome 119 起已完全移除。
- Chrome
案例研究:使用开发者工具更好地进行 Angular 调试
通过使用 Angular 作为测试试点,Chrome 开发者工具和 Angular 团队通力协作,为您提供更好的调试体验。其他框架也可以进行类似的更改。
- Chrome
Chrome 开发者工具中的现代网络调试功能
了解 Chrome 开发者工具近期的一些变化,这些变化改善了您在使用捆绑器、框架和第三方代码时的调试和分析体验。
- Chrome
Chrome 105 的新变化
Chrome 105 现已推出。容器查询和 :has() 是响应式天堂中的匹配项。新的 Sanitizer API 可为任意字符串提供强大的处理器,以帮助减少跨站脚本攻击漏洞。我们正在朝着废弃 WebSQL 又迈出一步。还有许多其他功能。
- Chrome
使用 Compression Streams API 在浏览器中压缩和解压缩
编写不需要提供自己的压缩或解压缩库的小型 Web 应用 Compression Streams API 用于使用 gzip 或 deflate(或 deflate-raw)格式压缩和解压缩数据流。 具有内置压缩功能的 JavaScript 应用不需要包含压缩库,这可减小应用的下载大小。稳定版 Chrome 和 Safari 技术预览版现在支持这个实用的 API。此处显示了压缩数据。 若要解压缩,请在解压缩流中用管道传输压缩的流。 Chromium 80 和 Safari Technology
- Chrome
使用 Angular Image 指令优化图片
推出了新的 Angular 图片指令 (NgOptimizedImage),该指令为 Angular 应用中的图片提供了内置的性能优化技术。
- Chrome
开发者工具提示:如何使用控制台快捷键加快工作流速度
使用 Console Utilities API 提供的快捷键,可以快速引用最近的元素、查询对象、监控事件和函数调用,等等。
- Chrome
- Chrome 开发者工具
最顶层:Z-index:10000 的解决方案
随着平台不断推出新的内置组件和 API,我们可以使用哪些“顶层”?
- Chrome
从 Chrome 中移除 HTTP/2 服务器推送
在 Chrome 106 中,HTTP/2 服务器推送功能将默认处于停用状态
- Chrome
开发者工具提示:如何检查 CSS 网格
了解如何使用 Chrome 开发者工具查看和更改 CSS 网格布局。
- Chrome
- Chrome 开发者工具
浏览器能否优化第三方资源的加载?
推动实施变更,以更好地载入 Web 上的第三方资源
- Chrome
开发者工具中的新功能 (Chrome 105)
支持在“Recorder”中实现分步重放和鼠标悬停事件;在“Performance Insights”面板中提供“LCP”;等等。
- Chrome
- Chrome 开发者工具
开发者工具提示:如何检查和修改 CSS 动画
使用“Animations”标签页可以检查和修改 CSS 动画、过渡效果等。
- Chrome
- Chrome 开发者工具
开发者工具提示:获取有关网站性能的富有实用价值的分析洞见
通过全新的“性能数据分析”面板获取有关网站性能的富有实用价值的分析洞见
- Chrome 开发者工具
- Chrome
Chrome 105 中的弃用和移除内容
汇总 Chrome 105 中弃用和移除的功能,以便您进行规划。
- Chrome
@container 和 :has():Chromium 105 中两种强大的全新自适应 API
"容器查询和 :has() 是响应式天堂中的匹配。幸运的是,Chromium 105 中已经集成了这两项功能。这是一个大版本,包含两项呼声最高的响应式界面功能!"
- Chrome
:has():系列选择器
在 Chromium 105 中采用 :has() 登录。我们来看看它为 CSS 带来的一些绝佳机会!
- Chrome
Chrome 中的 NavigationEvent 变化 105
Navigation API 针对 NavigationEvent 获取了两个新方法:conten() 取代 transitionwhile() 和 scroll() 取代恢复 Scroll()。
- Chrome
Chrome 104 的新变化
Chrome 104 现已推出!使用 getDisplayMedia() 拍摄当前标签页时,区域拍摄会指定剪裁区域。您可以使用数学比较运算符来编写媒体查询语法。共享元素转换会启动源试用。还有许多其他功能。
- Chrome
Async Clipboard API 的 Web 自定义格式
借助 Web 自定义格式,网站可以使用标准格式读取和写入任意未经处理的载荷,应用可以选择支持此类载荷。
- Chrome
改版 Chrome 应用商店开发者信息中心内的 Google Analytics(分析)
Google 即将为 Chrome 应用商店开发者信息中心推出经过改进的商品分析体验。新的信息中心一目了然,并且会预先整合最有用的信息。
- Chrome
- Chrome 扩展程序
DevTools 提示:如何在控制台中记录消息
使用控制台记录变量、对象和消息,并对消息进行过滤和分组等。
- Chrome
- Chrome 开发者工具
帮助为 CSS 嵌套选择语法
您需要帮助确定两种相互冲突的语法,以规范候选规范。
- Chrome
Chrome DevTools 中的顶层支持
探索顶层,了解 Chrome 开发者工具如何实现对其的支持。
- Chrome
2022 年 Chrome 网络框架资助政策更新
我们即将发布关于 Chrome Web 框架资金受赠人的最新信息
- Chrome
开发者工具提示:如何使用开发者工具模拟 CSS 用户偏好设置媒体功能
您可以使用“呈现”标签页来模拟用户的偏好设置,并测试您网站的用户自适应行为。
- Chrome 开发者工具
- Chrome
开发者工具的新变化 (Chrome 104)
调试期间的重启帧、“Recorder”面板中的慢速重放选项等。
- Chrome
- Chrome 开发者工具
Chrome Dev Insider:CSS 和界面版本
Chrome Web 平台团队的最新动向,我们将带领开发者从幕后分享他们的观点、对话和最新动态。
- Chrome
开发者工具提示:如何检查 CSS 容器查询
使用开发者工具检查和调试 CSS 容器查询。
- Chrome 开发者工具
- Chrome
检查和调试 CSS 容器查询
了解如何使用 Chrome 开发者工具检查、修改和调试 CSS 容器查询。
- Chrome 开发者工具
Chrome 104 中的弃用和移除内容
汇总 Chrome 104 版中弃用和移除的内容,以便您进行规划。
- Chrome
Chrome 103 的新变化
Chrome 103 现已推出!新增了一个 HTTP 状态代码,它可以帮助浏览器在网页还未开始呈现之前就确定要预加载哪些内容。Local Font Access API 可让 Web 应用枚举和使用用户计算机上安装的字体。有一种更简单的方法可以在异步 API 上实现超时。还有许多其他功能。
- Chrome
开发者工具的新变化 (Chrome 103)
记录双击和右键点击事件、用于衡量 Lighthouse 中的用户流的新选项,等等。
- Chrome
- Chrome 开发者工具
无障碍功能参考
关于 Chrome 开发者工具中无障碍功能的全面参考。
- Chrome 开发者工具
Chrome 102 的新变化
Chrome 102 现已推出!已安装的 PWA 可以注册为文件处理程序,以便用户轻松直接从磁盘打开文件。inert 属性可让您将 DOM 的某些部分标记为 inert。Navigation API 可让单页应用更轻松地处理网址的导航和更新。还有许多其他功能!
- Chrome
我们打造效果数据分析的方式和原因
我们构建效果数据分析面板的方式和原因。
- Chrome
WebAssembly 迁移指南
考虑到跨浏览器 WebAssembly 支持乃是大势所趋,我们计划今后主要依靠 WebAssembly 构建原生代码,并计划于 2019 年第 4 季度停用对 PNaCl 的支持(Chrome 应用除外)。我们相信, 围绕 WebAssembly 打造的生态系统, 因此更适合新的和现有的高性能 Web 应用,并且 PNaCl 的使用率足够低,足以保证弃用。 从 Chrome 76 开始,开放网络上的 PNaCl 功能已 源试用 , 这是一种机制,供 Web
安全付款确认
简要介绍一个提议的网络标准,该标准允许通过付款服务提供商进行安全身份验证。
注册安全付款确认
实现 SPC 注册协议和流程,以便客户可以直接通过商家与发卡机构或银行进行严格的身份验证。
使用安全付款确认功能进行身份验证
实现 SPC 身份验证协议,以验证客户交易。
Chrome 103 中的弃用和移除内容
汇总 Chrome 103 中弃用和移除的功能,以便您进行规划。
- Chrome
Interaction to Next Paint (INP) 工具
跨 Chrome 性能工具支持 Interaction to Next Paint。
- Chrome
通过数据流加快多页应用的速度
了解如何使用 Workbox-stream 创建多页应用,这些应用使用来自 Service Worker 缓存的部分标记和来自网络的部分内容来创建几乎可即时渲染的快速体验。
Chrome 中的专用预提取代理
通过跨网站预提取,加快 Largest Contentful Paint (LCP) 的速度。
- Chrome
Chrome 中面向网络管理员的专用预提取代理
简要介绍如何在预提取导航中过滤内容。
采用跨网站预提取的方式来加快 LCP 速度
现有技术的简介。
- Chrome
开发者工具的新变化 (Chrome 102)
新增了“性能数据分析”面板、用于模拟浅色/深色主题的快捷方式等。
- Chrome
- Chrome 开发者工具
更快地调试 WebAssembly
我们如何使大型应用的 WebAssembly 调试速度更快。
- Chrome
高级 Web 应用基金
我们隆重推出 Advanced Web Apps Fund,用于为打造更强大的网络环境的人们提供支持。
- Chrome
利用捕获句柄改善标签页共享体验
Web 平台现在附带捕获句柄,该机制可让捕获 Web 应用符合人体工学且自信地识别捕获的 Web 应用(如果捕获的 Web 应用已选择启用)。
查看 DOM 对象的属性
查看和过滤 DOM 对象的属性。
- Chrome 开发者工具
测试往返缓存
确保您的网页针对往返缓存进行了优化。
- Chrome 开发者工具
Chrome 基础知识培训
Chrome 101 现已推出,引入了一种使用 hwb 表示法指定颜色的新方法以及提取优先级的方法,该方法能够提示浏览器理想的资源下载顺序。还有许多其他功能!
- Chrome
使用 hide=until-found 使收起的内容可供访问
这个新的属性值如何确保用户可找到并链接到可折叠内容部分的内容。
使用 Signed Exchange 优化 LCP
Signed Exchange 是 Web 开发者的一种方法,可以显著提高来自 SXG 引荐来源网址(如 Google 搜索)的网页加载速度。只需通过复选框来启用它们,即可带来好处,但您也可以采取额外的步骤来充分利用它们。
- Chrome
使用权限政策控制浏览器功能
管理您的网页和嵌入式第三方 iframe 对浏览器功能的访问权限。
RenderingNG 深入探究:BlinkNG
了解 BlinkNG 以及解决 Blink 代码组织和结构中长期存在的问题的各种子项目。
- Chromium
在您的网站上安全地嵌入内容
了解用于嵌入内容的多种 HTML 元素,以及如何针对安全性进行优化。
- Chrome
隆重推出 Chrome Dev Insider
这是由 Chrome Web 平台团队创作的新系列视频,我们将带领开发者在幕后分享他们的观点、对话和最新动态。
- Chrome
“渲染”标签页概览
了解一系列会影响网页内容呈现的选项。
- Chrome 开发者工具
模拟 CSS 媒体功能
模拟 Preferencess-color-scheme、media type、forced-colors、preferreds-trast、preferreds-reduced-motion、color-gamut。
- Chrome 开发者工具
发现呈现性能方面的问题
发现重绘、布局偏移、图层和图块、滚动问题,查看呈现统计信息和核心网页指标。
- Chrome 开发者工具
开发者工具的新变化 (Chrome 101)
以 JSON 格式导入和导出用户流、支持 hwb() 颜色、在“样式”窗格中查看级联层等。
- Chrome
- Chrome 开发者工具
Chrome 101 中的弃用和移除内容
对 Chrome 基础知识中弃用和移除的内容进行了概括,以帮助您进行规划。
- Chrome
Chrome 102 中的弃用和移除内容
概括介绍了 Chrome 102 中弃用和移除的功能,以便您做好规划。
- Chrome
效果数据分析:获取有关网站性能的富有实用价值的分析洞见
通过“性能数据分析”面板获取有关网站性能的富有实用价值的分析洞见。
- Chrome 开发者工具
共庆 Chrome 100 周年,#100CoolWebMoments
我们怀着美好的回忆来庆祝 Chrome 版本 100 的发布。
- Chrome
Chrome 100 的新变化
Chrome 100 现已推出,并提供 3 位数的版本号。漫步于记忆中,庆祝 Chrome 首次发布以来的 #100CoolWebMoments。用户代理字符串有一些重要变化。Multi-Screen Window Placement API 可用于枚举已连接到用户计算机的显示屏,并将窗口放置在特定屏幕上。还有许多其他功能!
- Chrome
开发者工具的新变化 (Chrome 100)
通过规则查看和修改 @supports、重命名和自定义录制的选择器,等等。
- Chrome 开发者工具
- Chrome
Chrome 100 中的弃用和移除内容
概括介绍了 Chrome 100 中弃用和移除的功能,以便您做好规划。
- Chrome
Canvas2D,就是您
我们对 API-next-door 进行了一次改版。
- Chrome
Chrome 99 的新功能
Chrome 99 现已推出!CSS 级联层可让您更好地控制 CSS,并有助于防止样式特异性冲突。showPicker() 方法可让您以程序化方式为日期、颜色和数据列表等输入元素显示浏览器选择器。Chrome 和 Firefox 100 版即将推出。还有许多其他功能!
- Chrome
优化在 Next.js 中加载第三方脚本
本文讨论了 Next.js 脚本组件,并演示了如何使用它来更好地对第三方脚本进行排序。
- Chrome
开发者工具中的新功能 (Chrome 99)
限制 WebSocket 请求、新的 Reporting API 窗格、控制台样式等。
- Chrome
检查和调试 CSS flexbox 布局
了解如何使用 Chrome 开发者工具检查、修改和调试 CSS Flexbox 布局。
- Chrome 开发者工具
Chrome 99 中的弃用和移除内容
概括介绍了 Chrome 99 中弃用和移除的功能,以便您做好规划。
- Chrome
使用插件
虽然 Workbox 提供了许多现成的实用程序,但有时您可能需要对其进行扩展以满足您的应用要求。这正是 Workbox 插件架构的用武之地。
Chromium Chronicle #28:iOS 版 Chrome 使用入门
了解如何使用 Chrome 的 iOS 应用代码。
- Chrome
您的浏览器即将推出级联层
级联层是一种新的 CSS API,可帮助您管理代码的级联优先级,它很快就可以登陆所有现代浏览器。
- Chrome
Chrome 98 的新变化
Chrome 98 现已发布!如果您已注册自动深色主题源试用,则可以通过一种新的方式按元素级别停用此功能。现在支持 COLRv1,这是 COLRv0 字体格式的演变。还有许多其他功能。
- Chrome
权限请求条状标签
Chrome 98 在位置信息栏中添加了专门用于显示权限的空间,旨在让提示更温和,减少用户感受到的强制性。
- Chrome
显示日期、时间、颜色和文件的浏览器选择器
Web 平台现在附带了显示浏览器选择器的规范方式。
- Chrome
开发者工具中的新功能 (Chrome 98)
整页显示无障碍树、在“更改”标签页中进行更精准的更改等。
- Chrome
Chrome 将禁止修改 document.domain 以放宽同源政策
如果您的网站依赖于设置“document.domain”,您需要采取措施。
- Chrome
Chrome 98 中的弃用和移除内容
概括介绍了 Chrome 98 中弃用和移除的功能,以便您做好规划。
- Chrome
Chrome 98 中的 COLRv1 颜色渐变矢量字体
在 Chrome 98 中,Chrome 和 Fonts 团队添加了对 COLRv1 的支持,COLRv0 是 COLRv0 字体格式的进化版本,旨在通过添加渐变、合成和混合来扩大彩色字体的范围,并改进了针对清晰和紧凑的字体文件重复使用的内部形状重用功能。
- Chrome
专用网络访问:简介
Chrome 即将在专用网络访问规范中弃用从非安全公共网站访问专用网络端点的权限。请继续阅读,了解推荐措施。
- Chrome
Chrome 97 的新功能
Chrome 97 现已推出!新增了一个使用网络传输在客户端和服务器之间发送实时消息的选项。您可以使用功能检测来查看浏览器支持哪些类型的脚本。JavaScript 不断完善,还有更多其他功能。
- Chrome
Launch Handler API
启动处理程序可让您控制应用的启动方式,例如,应用是使用现有窗口还是新窗口,以及所选窗口是否导航到启动网址。
Chrome 开发者工具中的完整无障碍功能树
查看开发者工具中新增的整页无障碍树,以及此树的设计和实现。
- Chrome
从窗口中访问缓存
访问 Cache 实例并不仅限于在 Service Worker 范围内。您也可以通过窗口上下文访问它们,在本文中,您将了解具体方法。
使用 workbox-window
有时用户会处于离线状态。了解如何适应这种状况,并在用户最终恢复在线状态时帮助他们恢复请求。
强制设置网络超时
了解如何在网络连接速度较慢时强制网络超时,以及如何确保时间正确。
传送缓存的音频和视频
在 Service Worker 中处理音频和视频资源请求并非易事。了解如何使用 workbox-range-request 以可预测的方式处理此类请求。
立即处理 Service Worker 更新
有时,在您更新 Service Worker 时,最好告知用户。在这里,您将了解如何执行此操作。
在运行时缓存资源
了解如何在运行时处理缓存资源,包括跨源资源。
管理回退响应
有时用户会遇到网络故障或进入离线状态。了解如何适应这些情况并提供后备响应。
在重新连接到网络后重试请求
有时用户会处于离线状态。了解如何适应这种状况,并在用户最终恢复在线状态时帮助他们恢复请求。
开发者工具的新变化 (Chrome 97)
新增了“录音机”面板、在“设备”模式下刷新设备列表等。
- Chrome
帮助开发者构建功能强大、可安装的 Web 应用
了解添加到 Chrome 的 PWA 功能的影响。
- Chrome
Chrome 97 中的弃用和移除内容
概括介绍了 Chrome 97 中弃用和移除的功能,以便您做好规划。
- Chrome
Chrome 96 的新功能
Chrome 96 现已推出!Web 应用清单中有两个新属性。利用 id 属性,您可以为 PWA 指定唯一 ID,利用 Protocol_handlers 属性可在 PWA 安装时自动将 PWA 注册为协议处理程序。我们推出了一项新的源试用,可让您为下载资源指定提取优先级。还有许多其他功能!
- Chrome
Lighthouse 9.0 的新功能
Lighthouse 9.0 现已推出,其中包括刷新后的报告以及对用户流程的支持预览。
- Chrome
问题排查和日志记录
了解 Workbox 的日志记录功能和浏览器内的 Service Worker 调试工具。
Workbox 的方式
熟悉 Workbox 的一些使用方式。
框架集成
与 Workbox 集成的框架和插件的快速参考
针对网络优先 HTML 的导航预加载
什么是导航预加载,它如何提高导航速度,以及如何在 Workbox 中使用它。
Service Worker 和应用 Shell 模型
如何将应用 Shell 模型与 SPA 中的 Service Worker 配对。
使用 Workbox 预缓存
了解如何使用 Workbox 在 Service Worker 中预缓存资源。
预缓存的注意事项
了解预缓存的注意事项。
在不预缓存的情况下使用 Workbox
如何在不使用 Workbox-build 的情况下在 Workbox 中构建 Service Worker。
录制、重放和衡量用户流
您可以使用“Recorder”面板录制、重放、衡量用户流,以及修改用户步数。
- Chrome 开发者工具
强制将用户代理字符串中的 Chrome 主要版本设为 100
Chrome 版本号很快将从两位数变成 3,这可能会影响解析用户代理 (UA) 字符串的所有代码。Chrome 96 至 99 版本中提供了一项功能标志,通过强制将 UA 字符串中的主要版本号设为 100,为早期测试提供支持。
- Chrome
在 Chrome 开发者工具中实现 CSP 和可信类型调试
我们如何在 Chrome 开发者工具中实现内容安全政策和可信类型问题调试。
- Chrome
使用 EyeDropper API 选择屏幕上任何像素的颜色
广告素材应用开发者可以使用 EyeDropper API 实现一个选择器,让用户能够从屏幕上的像素(包括浏览器之外的像素)中选择颜色。
构建有效的图片组件
图片是 Web 应用的性能瓶颈的常见来源,也是优化的主要关注领域。本文档介绍了 Google 的 Aurora 团队如何在 Next.js 中设计一个功能强大的图片组件,该组件使用对开发者友好的界面进行了大量优化。本博文讨论了该组件的设计方式,以及我们在此过程中获得的经验教训。
开发者工具的新变化 (Chrome 96)
新增了“CSS Overview”面板,模拟 CSS 优先使用对比媒体和 Chrome 的自动深色模式等。
- Chrome
自动深色主题
为浅色主题的网站自动生成深色主题。
- Chrome
CSS 概览:发现潜在的 CSS 改进机会
使用“CSS 概览”面板发掘潜在的 CSS 改进机会。
- Chrome 开发者工具
Chrome 96 中的弃用和移除内容
概括介绍了 Chrome 96 中弃用和移除的功能,以便您做好规划。
- Chrome
关于 Service Worker 部署的预期
了解 Service Worker 在部署后对网站的影响。
针对不同架构的不同 Service Worker 策略
介绍两种不同的网站架构。
改善 Service Worker 的开发体验
如何解决使用 Service Worker 时可能会遇到的一些本地开发问题。
移除有 bug 的 Service Worker
如何修复导致问题的 Service Worker。
迁移到 Reporting API v1
Reporting API 已推出新版本。新 API 更加精简,并且更有可能获得跨浏览器支持。
- Chrome
Chrome 95 的新变化
Chrome 95 现已推出!将 网址Pattern 嵌入浏览器后,路由变得更加简单;Eye Dropper API 提供用于选择颜色的内置工具;现在提供新的源试用,可以接收缩减的 UA 字符串,以及更多功能。
- Chrome
使用 Reporting API 监控 Web 应用
您可以使用 Reporting API 监控安全违规行为、已弃用的 API 调用等。
RenderingNG 深入探究:LayoutNG
LayoutNG 的大规模架构更改如何减少和缓解各种类型的 bug 和性能问题。
- Chromium
Chromium Chronicle #25:线程安全注解
了解 Clang 的静态分析框架如何接管繁杂的线程安全证明。
- Chrome
2021 年第 3 季度 Chrome 应用商店政策更新
我们更新了安全要求并进一步阐明了一些政策,以保持优质的扩展程序质量,并为开发者提供一致的体验。
- Chrome 扩展程序
- Chrome
Chrome 用户设备特征报告
开发者不断想知道他们的目标是什么类型的受众群体。它们有多少 RAM?它们使用的是哪种 Wi-Fi?新报告针对不同国家/地区和平台提供解答。
- Chrome
Service Worker 的生活
了解 Service Worker 的行为方式以使离线应用成为可能。
什么是 Workbox?
引入了 Workbox,它是一组可简化常见 Service Worker 路由和缓存的模块。
Service Worker 概览
Service Worker 概览。
Service Worker 缓存策略
Service Worker 中的缓存概览。
Chrome 95 中的弃用和移除内容
概括介绍了 Chrome 95 中弃用和移除的功能,以便您做好规划。
- Chrome
Chrome 扩展程序改用 Manifest V3
分享将扩展程序迁移至 Manifest V3 的计划的详细信息
- Chrome 扩展程序
- Chrome
Chrome 94 的新功能
Chrome 94 现已推出!`` 元素的默认颜色空间现在正式定义为 SRGB,您可以将其更改为 Display P3。可以通过一种新的低级方式访问内置音频和视频编解码器,这对在线游戏、视频编辑器等而言非常重要。WebGPU 开始进行源试用。还有许多其他功能!
- Chrome
开发者工具中的新功能 (Chrome 95)
新增了 CSS 长度制作工具、在“问题”标签页中隐藏问题、改进了属性的显示方式等。
- Chrome
深入探究:VideoNG
了解现代播放系统以及 Chromium 如何为每日几亿小时的观看时长提供支持。
- Chromium
在开发者工具中对 CSS 基础架构进行现代化改造
我们如何研究和更新开发者工具中的 CSS 基础架构。
- Chrome
Lighthouse 8.4 的新功能
Lighthouse 8.4 现在可防止延迟加载 LCP 图像和在没有移动设备视口的情况下导致 FID 失败。
- Chrome
使用 VirtualKeyboard API 进行完全控制
您可自行管理当触摸设备的虚拟键盘出现时,浏览器如何处理内容遮挡。
Chrome 93 的新功能
Chrome 93 现已推出!现在,您可以使用 import 语句加载 CSS 样式表,就像加载 JavaScript 模块一样。已安装的 PWA 可以注册为网址处理程序,以便用户直接跳转到您的 PWA。我们已根据您的反馈更新了 Multi-Screen Window Placement API,并开始进行第二次源试用。我们正将稳定版的发布周期缩短为四周。还有许多其他功能。
- Chrome
Chrome 93 中的弃用和移除内容
概括介绍了 Chrome 93 中弃用和移除的功能,以便您做好规划。
- Chrome
Chrome 94 中的弃用和移除内容
汇总 Chrome 94 中弃用和移除的功能,以便您进行规划。
- Chrome
专用网络访问通道更新:推出弃用试用功能
Chrome 94 即将在专用网络访问规范中弃用从非安全公共网站访问专用网络端点的权限。请继续阅读,了解推荐措施。
- Chrome
Chromium Chronicle #24:StrongAlias、IdType 和 TokenType
同一类型有时可能表示来自不兼容网域的值,这可能会导致错误。幸运的是,Chromium //base 让您可以轻松引入明确的、独特的类型。
- Chrome
新型客户端路由:Navigation API
了解 Navigation API,它是一个新 API,添加了经过改进的功能来构建单页应用。
开发者工具的新变化 (Chrome 94)
以您偏好的语言使用开发者工具、新版 Nest Hub 设备、全新 CSS 容器查询徽章等。
- Chrome
RenderingNG 中的关键数据结构
了解 RenderingNG 架构的组件,以及渲染管道如何流经这些组件。
- Chromium
开发者工具中的 CSS 网格工具
我们如何在开发者工具中设计和实现 CSS 网格工具支持。
开发者工具中的 CSS 网格工具
我们如何在开发者工具中设计和实现 CSS 网格工具支持。
- Chrome
- Chrome 开发者工具
Chrome 92 中的弃用和移除内容
概括介绍了 Chrome 92 中弃用和移除的功能,以便您做好规划。
- Chrome
排查 Chrome 源试用问题
解决元标记、标头和脚本中的试用令牌常见问题。您还将了解如何在 Chrome 开发者工具中调试支持。
跨源嵌入器政策
有关 manifest.json 的 cross_origin_embedder_policy 属性的参考文档。
- Chrome 扩展程序
跨源 opener 政策
manifest.json 的 cross_origin_opener_policy 属性的参考文档。
- Chrome 扩展程序
跨源嵌入器政策
有关 manifest.json 的 cross_origin_embedder_policy 属性的参考文档。
- Chrome 扩展程序
Chrome 91 中的弃用和移除内容
概括介绍了 Chrome 91 中弃用和移除的功能,以便您做好规划。
- Chrome
跨源 opener 政策
manifest.json 的 cross_origin_opener_policy 属性的参考文档。
- Chrome 扩展程序
跨域隔离
扩展程序跨域隔离概览
- Chrome 扩展程序
通过 OS Login 自动启动 PWA
许多操作系统都提供了在用户登录后自动启动应用的功能。此功能现在可用于已安装的 Web 应用。
- Chrome
使用 COEP 无凭据加载不含 CORP 标头的跨源资源
从 Chrome 93 开始,“Cross-Origin-Embedder-Policy: credentialless”将进入源试用。利用以下新值,网页可以启用跨域隔离,而无需跨源资源通过发送无凭据请求来使用“CORP: cross-origin”标头进行响应。
- Chrome
将 Wasm 模块共享限制为同源
在同一网站的环境之间共享 WebAssembly 模块,将仅限来源相同。
- Chrome
WebDriver BiDi - 跨浏览器自动化的未来
了解 WebDriver BiDi 以及为什么说它是跨浏览器自动化的未来
- Chrome
Chromium Chronicle #23:Chrome 基础架构中经过验证的 build
针对 Chrome 和基础架构执行政策强制执行检查后,我们能够验证是否符合特定的最低安全标准。
- Chrome
开发者工具的新变化 (Chrome 93)
可修改 CSS 容器查询、网络软件包预览、控制台中的更好的字符串处理等。
- Chrome
在桌面设备上使用 WebOTP API 验证电话号码
自 Chrome 93 起,网站可以通过桌面版 Chrome 验证电话号码。
RenderingNG 架构
了解 RenderingNG 架构的组件,以及渲染管道如何流经这些组件。
- Chromium
网址Pattern 为网络平台引入了路由
一种对常见模式匹配用例进行标准化的方法。
Android 概念(面向 Web 开发者)
面向刚接触 Android 和 Play 的 Web 开发者的相关重要 Android 概念。
Chrome 扩展程序:阐明我们的扩展程序政策,打造更安全、更一致的应用商店
我们更新了安全要求并进一步阐明了一些政策,以保持优质的扩展程序质量,并为开发者提供一致的体验。
- Chrome
- Chrome 扩展程序
JavaScript 框架中的资源内嵌
了解我们与 Aurora 项目合作,在 JavaScript 框架中实现的最新优化功能。
Chromium Chronicle #22:了解 Thy (Depot) 工具
Depot 工具是基于 Git 构建的一系列工具,用于简化为 Chromium 代码库和相关项目做贡献的开发者的工作流程。
- Chrome
Manifest V3 中的扩展程序操作
多年来,Chrome 扩展程序一直使用浏览器 API 和 Page Actions API,但 Manifest V3 已用通用的 Actions API 取代这两者。此博文探讨了这些 API 的历史以及 Manifest V3 中的变化。
- Chrome
RenderingNG
2021 年,我们基本完成了设计、构建和推出 RenderingNG(针对 Chromium 的下一代渲染架构)的流程。
- Chromium
为您的应用打造高性能存储服务:Storage Foundation API
Storage Foundation API 提出了一种类似于基本文件系统的存储 API,可以通过缓冲区和偏移量直接访问存储的数据。
TablesNG 解决了 72 个 Chromium 错误,提升了互操作性
-- 全新的表格呈现引擎,让您可以更加一致地在整个网络中编写表格数据。
- Chrome
确保 CSP 能够有效防范 XSS 攻击
了解如何使用严格的内容安全政策 (CSP) 防止跨站脚本攻击 (XSS) 攻击。
极光隆重登场
本文介绍 Aurora,这是一项 Chrome 计划,旨在与多个开源框架紧密协作
框架一致性
本文介绍了合规性、Google 框架中使用的方法,以及我们计划如何将其开源到 JavaScript 框架生态系统
- Chrome
内存检查器简介
本文介绍了已在 Chrome 91 中推出的内存检查器。您可以使用该工具检查 ArrayBuffer、TypedArray、DataView 和 Wasm 内存。
- Chrome
chrome.scripting 简介
Scripting API 是一个新的 Manifest V3 API,侧重于编写脚本。让我们深入了解一下做出这种变化的动机及其不同之处。
- Chrome
检查 CSS 网格布局
了解如何使用 Chrome 开发者工具查看和更改 CSS 网格。
- Chrome 开发者工具
计算压力 API
Compute 压力提供表示系统压力的高级状态。它允许实现使用正确的底层硬件指标,以确保只要系统不会受到无法控制的压力,用户就可以充分利用他们获得的所有处理能力。
PWA 用作网址处理程序
将 PWA 注册为网址处理程序后,当用户点击与其中一个已注册网址格式匹配的超链接时,已注册的 PWA 将会打开。
开发者工具的新变化 (Chrome 92)
CSS 网格编辑器、在控制台中支持常量重复声明、源代码顺序查看器等。
- Chrome
Chromium Chronicle #21:ChromeOS 端到端界面自动化
Tast 是一个新的界面库,它使用 Chrome a11y(无障碍功能)树来控制 ChromeOS 界面。借助该库,开发者能够针对任何可见界面 Surface 轻松创建端到端测试。
- Chrome
Chrome 91 的新功能
Chrome 91 即将推出!现在,在使用 File System Access API 时,与文件交互的 Web 应用可以提供文件名和目录建议。您还可以读取剪贴板中的文件!如果您的网站有多个网域,并且这些网域共用同一个帐号管理后端,那么 Chrome 便可了解它们是否相同,以便密码管理工具推荐合适的凭据。此外,I/O 大会的所有视频现已上线,还有更多精彩内容。
- Chrome
使用声明式链接捕获功能,选择报告范围内的链接如何打开 PWA
声明式链接捕获是一项针对名为“capture_links”的 Web 应用清单属性的提案,可让开发者以声明的方式确定当浏览器被要求从导航范围之外的上下文导航到应用导航范围内的网址时应执行什么声明。
如何在 Chromium 中设置浏览器 flag
对于我们在 Chromium 中引入的一些新 API,您需要设置浏览器标志才能进行实验。了解如何在各种 Chromium 派生产品(例如 Google Chrome、Microsoft Edge 等)中执行此操作。
- Chrome
PWA 的网址协议处理程序注册
将 PWA 注册为协议处理程序后,当用户在浏览器或平台专用应用中点击具有特定协议方案(例如 mailto、比特币或 Web 音乐)的超链接时,注册的 PWA 将打开并接收该网址。
离线优先的 Trusted Web Activity
如何显示后备离线屏幕:用户首次打开应用时未连接到网络。
我们如何将 Chrome 开发者工具的堆栈轨迹速度提升 10 倍
我们如何将 Chrome 开发者工具的堆栈轨迹速度提升 10 倍。
- Chrome
适用于 MediaStreamTrack 的可插入流
MediaStreamTrack 的可插入流是指将 MediaStreamTrack 的内容作为可操纵或用于生成新内容的流公开。
Chromium Chronicle #20:基准化分析自动化测试框架
添加基准是防止性能下降并帮助提高性能的一种简单方法。
- Chrome
扩展程序清单转换器
用于将扩展程序转换为 Manifest V3 的开源工具。您仍然需要手动更新任何具有非机械更改的代码,例如调整为使用 Service Worker 或进行某些脚本注入。
- Chrome
更丰富的 PWA 安装界面
介绍更丰富的安装界面,并获得有关如何实现该界面的指导。
- Chrome
开发者工具的新变化 (Chrome 91)
系统会弹出网页指标信息、直观呈现 CSS 滚动贴靠、全新的内存检查器等。
- Chrome
根据跨源隔离限制使计时器保持一致
从 Chrome 91 开始,在没有跨域隔离的平台上,显式计时器的解析时间将限制为 100 微秒。
- Chrome
Manifest V3 的 Web 可访问资源
Manifest V3 的网页可访问资源现已发布!现在,“manifest.json”支持权限定义。开发者可以根据发出请求的网站来源或扩展程序 ID 限制资源。
- Chrome
Chrome 90 的新功能
Chrome 90 现已推出!CSS overflow 属性有一个新值。Feature Policy API 已更名为“权限政策”。此外,还有一种直接在 HTML 中实现和使用 Shadow DOM 的新方法。除此之外,还有许多其他功能。
- Chrome
刷新开发者工具架构:将开发者工具迁移到 TypeScript
我们如何将 Chrome 开发者工具从 Closure 编译器类型检查工具迁移到 TypeScript。
- Chrome
Chromium Chronicle #19:借助 CLion 加快开发速度
通过 CLion IDE,您可以在符号之间导航、搜索代码库以及执行其他操作。
- Chrome
Chrome 90 中的弃用和移除内容
概括介绍了 Chrome 90 中弃用和移除的功能,以便您做好规划。
- Chrome
向 BigQuery 中的 CrUX 报告添加排名幅度
向 BigQuery 中的 CrUX 报告添加排名幅度。
- Chrome
VersionHistory API 参考文档
有关 VersionHistory 网络服务 API 的技术参考信息。
VersionHistory API 指南
关于使用 VersionHistory 网络服务 API 以编程方式访问 Google Chrome 版本历史记录信息的方法指南。
VersionHistory API 示例
VersionHistory 网络服务 API 的用法示例。
Chrome 89 的新功能
Chrome 89 现已推出!WebHID、WebNFC 和 Web Serial 已结束源试用,现在提供稳定版。我们正在填补一些开发者用来绕过 PWA 可安装性检查的漏洞。在桌面设备上,“网络共享”和“网络共享目标”推出。还有许多其他功能!
- Chrome
开发者工具的新变化 (Chrome 90)
针对 CSS Flexbox 的调试支持、页面上的性能提醒显示、问题标签更新等。
- Chrome
开发者工具中的 CSS-in-JS 支持
我们如何在开发者工具中支持 CSS-in-JS,以及它与常规 CSS 有何不同。
- Chrome 开发者工具
- Chrome
开发者工具中的 CSS-in-JS 支持
我们如何在开发者工具中支持 CSS-in-JS,以及它与常规 CSS 有何不同。
为未来的显示模式做好准备
通过 display_override 属性,开发者可以定义自定义后备模式,指定 PWA 的显示方式。
更新了硬件加速动画功能
Chromium 正在将其硬件加速功能更新为 SVG 动画、基于百分比的转换、裁剪路径、背景图片等。
- Chrome
Chromium Chronicle #18:Chromium 代码覆盖率
测试覆盖率用于衡量在特定测试套件运行时执行了多少源代码。
- Chrome
在控制台中设置消息格式和样式
了解如何在控制台中设置消息的格式和样式。
- Chrome 开发者工具
2021 年国际母语日
2 月 21 日是国际母语日,是庆祝全球各地文化多样性的年度庆祝活动。倡导对世界各地所用语言的保存与保护,并提倡多语言主义。
- Chrome
改进渐进式 Web 应用离线支持检测
从一开始,离线支持的验证就是 PWA 可安装性标准的一部分。
- Chrome
缩短开发者工具的启动时间
降低了在前端进行消息分派的开发者工具的性能开销。
- Chrome
Chrome 89 中的弃用和移除内容
概括介绍了 Chrome 89 中弃用和移除的功能,以便您做好规划。
- Chrome
使用客户端提示自动选择资源
图片优化并非易事,而自动化是成功的关键。
- Chrome
Chromium Chronicle #17:浏览器测试混合
在编写浏览器测试时,您通常需要以编程方式执行用户能够手动执行的设置操作。为了帮助您做到这一点, mixins 是一套工具,用于以可重复使用的方式执行重要的浏览器测试设置。
- Chrome
使用 Digital Goods API 和 Payment Request API 通过 Google Play 结算服务接收付款
借助 Digital Goods API、Payment Request API 和 Trusted Web Activity,在 PWA 中通过 Google Play 结算服务接收付款
将 Puppeteer 迁移到 TypeScript
我们如何将 Puppeteer 迁移到 TypeScript。
- Chrome
开发者工具的新变化 (Chrome 89)
调试支持可信类型违规行为、在视口之外捕获节点屏幕截图、针对网络请求提供新的“信任令牌”标签页,等等。
- Chrome
Chrome 88 中的新功能
Chrome 88 现已发布!现在,您可以使用 Manifest V3 将扩展程序上传到 Chrome 应用商店。借助宽高比 CSS 属性,您可以轻松地为任何元素设置宽高比。您现已可以在“可信网络活动”中使用 Play 结算服务,还可以享受许多其他功能。让我们一起深入了解,看看 Chrome 88 为开发者提供了哪些新功能!
- Chrome
Android Chrome 88 和桌面版 Chrome 92 中的 SharedArrayBuffer 更新
SharedArrayBuffer 将在 Android Chrome 88 中推出。它仅适用于跨源隔离的网页。从桌面版 Chrome 92 开始,它也将仅适用于跨源隔离的网页。您可以注册源试用,以保留当前行为,直至桌面版 Chrome 113。
- Chrome
从 Chrome 88 开始,系统会对链接的 JS 计时器施加严格的节流限制
当网页隐藏时间超过 5 分钟、网页处于静默状态至少 30 秒、WebRTC 未处于使用状态且计时器链数为 5 或更大时,密集型限制功能就会生效。
- Chrome
Chromium Chronicle #16:在桌面设备上更新 Google Apps
想知道 Chrome 是如何在桌面设备上保持最新状态的吗?或者更新是如何提供给 Chromebook、Chromecast 或 Android 的?
- Chrome
使用现代工具调试 WebAssembly
逐步概览 Chrome 开发者工具中 WebAssembly 的全新调试体验。
- Chrome
刷新开发者工具架构:迁移到 Web 组件
我们为什么以及如何将 Chrome 开发者工具迁移到 Web 组件。
- Chrome
欢迎访问新版 developer.chrome.com!
宣布改进版网站,并简要说明 2021 年的各项计划。
- Chrome
Chrome 88 中的弃用和移除内容
概括介绍了 Chrome 88 中弃用和移除的功能,以便您做好规划。
- Chrome
使用 Google Play 结算服务
Google Play 结算服务提供用于管理目录、价格和订阅的工具,以及报告和由 Play 商店提供支持的结账流程。
Web In Play 的新动态
了解适用于使用 Trusted Web Activity 的 Web 应用的新功能。
将您的应用添加到 Play 商店
将您的 TWA 添加到 Play 商店
使用 Facade 延迟加载第三方资源
了解使用 Facade 延迟加载第三方资源的机会。
Chromium Chronicle #15:限制目标可见性
在 Chromium 中,经常会发现为某个组件编写的代码在其他地方很有用,但可能有隐藏的限制。为安全起见,请通过限制目标可见性来限制外部对危险功能的访问权限。
- Chrome
在您的 Trusted Web Activity 中使用 Play 结算服务
了解如何将 Google Play 结算服务集成到您的 Trusted Web Activity 项目中。
在 Blink Renderer 中模拟色觉缺陷
我们为什么以及如何在开发者工具和 Blink Renderer 中实现色觉缺陷模拟。
- Chromium
使用 isInputPending() 改善 JS 调度
新的 JavaScript API,可帮助您在加载性能与输入响应速度之间权衡取舍。
Chrome 87 的新功能
Chrome 87 现已推出!现在,您可以在支持平移、倾斜和缩放的摄像头上控制平移、倾斜和缩放,范围请求和 Service Worker 不需要那么多的解决方法,字体访问 API 会开始源试用,等等。让我们一起深入了解,看看 Chrome 87 为开发者提供了哪些新功能!
- Chrome
工作框食谱
轻松使用常用的工作框模式,而无需通过各个软件包自行设置。
开发者工具的新变化 (Chrome 88)
新增了 CSS 角度可视化工具,模拟了不受支持的图片类型和存储配额,新增了网页指标通道等。
- Chrome
Puppetaria:以无障碍功能为先的 Puppeteer 脚本
Puppetaria - 以无障碍功能为先的 Puppeteer 脚本,支持基于查询无障碍功能树(而不是依赖于 CSS 选择器)的备用查询处理程序。
- Chrome
在 Trusted Web Activity 中启用 Web Share Target
了解如何使用 Trusted Web Activity 在项目中启用 Web Share Target。
Manifest V2 简介
面向 Chrome 扩展程序开发者的文档。
- Chrome 扩展程序
需要反馈:专用网络的 CORS (RFC1918)
如果客户端内部网络上的设备和服务器意外泄露到大量网络,可能会使其容易遭到恶意攻击。CORS-RFC1918 是一项提案,可默认在浏览器中屏蔽来自公共网络的请求,并要求内部设备选择启用此类请求。
- Chrome
Chromium Chronicle #14:向广告瀑布流添加测试
想要检测 Chrome 新功能的回归问题吗?将您的测试添加到瀑布流、Chrome 的持续构建和测试基础架构中!
- Chrome
允许已安装的 Web 应用作为文件处理程序
将应用注册为操作系统的文件处理程序。 现在,Web 应用 能够读取和写入文件 ,接下来逻辑上要做的就是让开发者将这些 Web 应用声明为其应用可以创建和处理的文件的文件处理程序。借助 File Handling API,您可以做到这一点。将文本编辑器应用注册为文件处理程序并安装该应用后,您可以在 macOS 上右键点击.txt 文件,然后选择“获取信息”,以指示操作系统应始终默认使用此应用打开.txt 文件。 可能使用此 API 的网站示例包括: File Handling API
我们如何构建 Chrome 开发者工具的 WebAuthn 标签页
我们如何构建 Chrome 开发者工具的 WebAuthn 标签页,以便开发者模拟身份验证器、自定义其功能和检查其状态。
Chrome 87 中的弃用和移除内容
概括介绍了 Chrome 87 中弃用和移除的功能,以便您做好规划。
- Chrome
使用 WebCodecs 处理视频
处理视频流的组件,例如帧和未混合的编码视频或音频块。
通过对缓存进行分区,确保安全性和隐私保护
Chrome 的 HTTP 缓存分区功能有助于提高安全性和隐私性。
- Chrome
Chrome 86 的新功能
Chrome 86 现已推出!文件系统访问 API 现已稳定提供。Web HID 和 Multi-Screen Window Placement API 现已针对源试用推出新的源试用。CSS 中新增了一些内容,以及更多新功能。让我们一起深入了解,看看 Chrome 86 为开发者提供了哪些新功能!
- Chrome
开发者工具的新变化 (Chrome 87)
新的 CSS 网格调试工具、“Web 身份验证”标签页、可移动工具和“已计算”边栏窗格。
- Chrome
第三方源试用
了解嵌入式内容的提供商如何在多个网站上测试新的或实验性网络平台功能。
我们如何构建 Chrome 开发者工具的“问题”标签页
我们如何构建 Chrome 开发者工具的“问题”标签页,以提升开发者发现问题和解决问题的体验。
- Chrome
传感器:模拟设备传感器
使用“传感器”面板可替换地理位置信息、模拟设备屏幕方向、强制触摸和模拟空闲状态。
- Chrome 开发者工具
从 Workbox v5 迁移到 v6
从 Workbox v5 迁移到 v6 的指南。
连接到不常见的 HID 设备
WebHID API 允许网站访问替代辅助键盘和新奇的游戏手柄。
使用 Window Management API 管理多个显示屏
通过 Window Management API,您可以枚举连接到计算机的显示屏,并将窗口放置在特定屏幕上。
刷新开发者工具架构:迁移到 JavaScript 模块
如何将 Chrome 开发者工具迁移到 JavaScript 模块。
- Chrome
Chrome 86 中的弃用和移除内容
概括介绍了 Chrome 86 中弃用和移除的功能,以便您做好规划。
- Chrome
Chrome 85 的新功能
Chrome 85 现已推出!您可以使用 content-visible: auto 来提升渲染性能。现在可以在 CSS 中设置...的 CSS 属性。现在,您可以使用 getInstalledRelatedApps() API 检查您的 Windows 应用或 PWA 是否已安装。应用图标快捷方式同样适用于 Windows(目前是真正的)。我们针对提取上传流式传输功能提供了源试用。等等。让我们一起深入了解,看看 Chrome 85 为开发者提供了哪些新功能!
- Chrome
结合使用高级排版与本地字体
Local Font Access API 可枚举用户安装的本地字体,并提供对各种 TrueType/OpenType 表格的低级别访问权限
开发者工具的新变化 (Chrome 86)
新增了“媒体”面板、捕获节点屏幕截图、更新“问题”标签页、模拟缺少的本地字体、不活跃的用户和 preferreds-reduced-data。
- Chrome
添加额外的 HTTP 请求标头
在自定义标签页 intent 中添加 HTTP CORS 标头的指南。
对串行端口执行读写操作
Web Serial API 允许网站与串行设备通信,连接了网络和现实世界。
Chrome 的新默认引荐来源网址政策 - Strict-origin-when-cross-origin
Chrome 的新默认引荐来源网址政策 - Strict-origin-when-cross-origin
- Chrome
使用 Keyboard Lock API 捕获按键
借助 Keyboard Lock API,网站可以捕获通常由底层操作系统预留的键。它适用于提供全屏沉浸式体验的 Web 应用(例如游戏或远程访问应用)。
使用 browser-fs-access 库读取和写入文件和目录
所有现代浏览器都可以读取本地文件和目录;但是,真正的写入权限(即不仅仅是下载文件)仅限于实现 File System Access API 的浏览器。本文介绍一个名为“browser-fs-access”的支持库,该库充当 File System Access API 之上的抽象层,可透明地回退到处理文件的旧方法。
Chrome 85 中的弃用和移除内容
概括介绍了 Chrome 85 中弃用和移除的功能,以便您做好规划。
- Chrome
使用提取 API 流式传输请求
Chromium 现在支持从版本 105 开始流式传输上传,这意味着您可以在启用整个正文之前发起请求。
Houdini - 揭秘 CSS
Houdini 是一套向开发者公开 CSS 引擎内部构件的 API 集合
Chrome 84 的新功能
Chrome 84 现已推出!用户可以使用应用图标快捷方式在您的应用中启动常见任务。Web Animations API 增加了对一系列先前不受支持的功能的支持。唤醒锁定和 Content Indexing API 已完成源试用。我们针对闲置检测和 SIMD 提供了新的源试用。还有许多其他功能。让我们一起深入了解,看看 Chrome 84 为开发者提供了哪些新功能!
- Chrome
在 Android 11 中使用自定义标签页
如何在 Android 11 中使用自定义标签页
- Chrome
移除未使用的 JavaScript
了解如何通过 Lighthouse 的“移除未使用的 JavaScript”审核。
开发者工具中的新功能 (Chrome 85)
适用于 CSS-in-JS 框架、Lighthouse 6.0、新的 JavaScript 功能等的样式编辑。
- Chrome
利用用户代理客户端提示改善用户隐私并提升开发者体验
User-Agent Client Hints 是 Client Hints API 的一项新扩展,可让开发者以注重隐私保护且符合人体工学的方式访问用户浏览器的相关信息。 借助客户端提示,开发者可以主动请求有关用户设备或条件的信息,而无需从用户代理 (UA) 字符串中解析这些信息。提供此替代路线是最终缩小用户代理字符串粒度的首要步骤。 了解如何更新依赖于解析 User-Agent 字符串的现有功能,以便改用 User-Agent 客户端提示。
如何使用 CrUX API
了解如何使用 Chrome UX Report API 通过 RESTful 访问数百万个网站上的真实用户体验数据。
- Chrome 用户体验报告
如何在 Looker Studio 上构建 CrUX 信息中心
Looker Studio 是一款强大的数据可视化工具,让您可以基于 Chrome 用户体验报告等大数据源构建信息中心。在本指南中,您将了解如何创建自己的自定义 CrUX 信息中心来跟踪源站的用户体验。
- Chrome 用户体验报告
如何使用 CrUX BigQuery 数据集
在本指南中,您将了解如何使用 BigQuery 针对 CrUX 数据集编写查询,以提取有关网络用户体验状况的见解深刻结果。
- Chrome 用户体验报告
使用 WebTransport
WebTransport 是一款提供低延迟、双向客户端-服务器消息传递的 API。请详细了解其用例,以及如何就实现的未来提供反馈。
Chrome 84 中的弃用和移除内容
概括介绍了 Chrome 84 中弃用和移除的功能,以便您做好规划。
- Chrome
Chrome 83 的新功能
Chrome 83 现已推出!添加了对可信类型的支持,这有助于防止跨站脚本攻击。对表单元素进行了重大改造。有一种检测内存泄漏的新方法。原生文件系统 API 开始新的源试用,并添加额外的功能。让我们一起深入了解,看看 Chrome 83 为开发者提供了哪些新功能!
- Chrome
Lighthouse 6.0 的新功能
新增指标、效果评分更新、新审核等。 今天,我们发布了 Lighthouse 6.0! Lighthouse 是一款自动化网站审核工具,可帮助开发者发现改进网站用户体验的机会和诊断问题。您可以在 Chrome DevTools、npm(作为 Node 模块和 CLI)或浏览器扩展程序(在 Chrome 和 Firefox 中)中使用 Lighthouse。它为许多 Google 服务提供支持,包括 PageSpeed Insights 。 Lighthouse 6.0 现已在 npm 和
- Chrome
使用 Idle Detection API 检测非活跃用户
Idle Detection API 会在用户处于闲置状态时通知开发者,以指明与键盘、鼠标、屏幕无法互动、激活屏保、锁定屏幕或移动到其他屏幕等。开发者定义的阈值会触发通知。
问题:查找和解决问题
使用“问题”面板查找并解决网站存在的问题。
- Chrome 开发者工具
应对过度消耗资源的广告的干预
应对过度消耗资源的广告的干预
- Chrome
开发者工具的新变化 (Chrome 84)
新增了“问题”标签页,以及“检查模式”提示中的无障碍功能信息等。
- Chrome
字符集声明在 HTML 中缺失或出现过晚
了解如何向 HTML 添加字符编码声明。
Chrome 83 中的弃用和移除内容
概括介绍了 Chrome 83 中弃用和移除的功能,以便您做好规划。
- Chrome
Chrome 81 的新功能
Chrome 81 现已推出!应用图标标记表明其源试用已结束。增强现实的命中测试现已在浏览器中可用。Web NFC 开始进行源试用。我收到了调整后的 Chrome 发布时间表的最新消息。让我们一起深入了解,看看 Chrome 81 为开发者提供了哪些新功能!
- Chrome
WebSocketStream:将流与 WebSocket API 集成
WebSocketStream 可将流与 WebSocket API 集成。这样,您的应用就可以对收到的消息施加回压。
Chromium Chronicle #13:使用 RR 进行时间旅行调试
您是否发现自己在调试程序中反复运行相同的测试,试图弄清楚代码是如何处于错误状态的?我们为您准备了一款工具!RR 会记录执行轨迹,从而轻松退步、反向运行,查看变量值在哪些方面发生变化,或上次对对象调用函数的时间。
- Chrome
开发者工具的新变化 (Chrome 83)
不仅能模拟色觉缺陷,还能模拟语言区域、COOP 和 COEP 调试等。
- Chrome
Chrome 81 中的弃用和移除内容
概括介绍了 Chrome 81 中弃用和移除的功能,以便您做好规划。
- Chrome
通过 Chrome(Android 版)与 NFC 设备互动
现在,您可以在 Chrome(Android 版)上读取和写入 NFC 标签。
向 Chrome 用户体验报告添加通知权限数据
为帮助网站所有者了解通知权限指标,我们将这些数据添加到了 20201 年数据集中的 Chrome 用户体验报告 (CrUX),让网站所有者更好地了解其网站和同类网站的一般用户通知权限响应情况。
- Chrome
Chromium Chronicle #10:使用 Pixel 测试捕获界面回归问题
Chrome 的测试策略在很大程度上依赖于自动化的功能正确性测试和手动测试,但这两种测试都无法可靠地捕获微小的界面回归问题。使用像素测试可以自动测试桌面浏览器界面。
- Chrome
检查 Android 设备是否有支持自定义标签页的浏览器
了解如何检查 Android 设备是否装有支持自定义标签页的浏览器。
在 WebView 中打开链接的自定义标签页
结合使用 WebView 和自定义标签页可提供更好的用户体验。
概览
了解如何使用 Trusted Web Activity 将渐进式 Web 应用无缝集成到 Android 应用中。
Android 自定义标签页概览
了解使用 Android 自定义标签页在 Android 应用中打开网址的最佳方式。
Chrome 80 的新变化
Chrome 80 现已推出,为开发者提供了大量新功能!可支持工作器中的模块、JavaScript 中的可选链接、新的源试用、已完成源试用的功能,等等。让我们一起深入了解,看看 Chrome 80 为开发者提供了哪些新功能!
- Chrome
这片土地
简要介绍用于创建 Trusted Web Activity 的库和工具。
集成指南
了解如何在 Android 应用中使用 Trusted Web Activity。
使用 Custom Tab 低级别 API
了解如何在没有 androidx 浏览器支持库的情况下使用自定义标签页。
开发者工具中的新功能 (Chrome 81)
设备模式下的 Moto G4、与 Cookie 相关的新功能等。
- Chrome
多源 Trusted Web Activity
如何使用 Trusted Web Activity 创建一个支持全屏模式打开多个源的应用。
使用查询参数向 Trusted Web Activity 传递信息
如何在启动 Trusted Web Activity 时将信息从原生 shell 传递到 Web 应用。
android-browser-helper,一个用于构建 Trusted Web Activity 的新库。
引入了 android-browser-helper,这是一个用于构建 Trusted Web Activity 的新库。
最大内容渲染时间
了解 Lighthouse 的 Largest Contentful Paint 指标,以及如何衡量和优化该指标。
Chrome 80 中的弃用和移除内容
汇总 Chrome 80 中弃用和移除的功能,以便您进行规划。
- Chrome
从 Workbox v4 迁移到 v5
从 Workbox v4 迁移到 v5 的指南。
Chromium Chronicle #9:ClusterFuzz
您可能会发现,系统会要求您修复 ClusterFuzz 发现的高优先级安全 bug。Google 优惠是什么?你们应该严肃对待这些错误吗?您需要什么帮助?
- Chrome
使用 Content Indexing API 将支持离线访问的网页编入索引
PWA 可能会缓存文章和媒体文件,但用户如何知道您的网页在离线状态下也能正常运行?Content Indexing API 可以为您解答这个问题。当索引中填充来自 PWA 以及任何其他已安装 PWA 的内容后,索引便会显示在受支持浏览器的专用区域中。
Chrome 79 的新功能
Chrome 79 现已推出!Android 上安装的渐进式 Web 应用支持可遮盖式图标。您现在可以使用 WebXR Device API 打造沉浸式体验。我们开始针对 Wake Lock API 和 rendersubtree 属性进行源试用。此外,2019 年 Chrome 开发者峰会的所有视频现已可在线观看。让我们一起深入了解,看看 Chrome 79 为开发者提供了哪些新功能!
- Chrome
改进了 Chrome 开发者工具中的 WebAssembly 调试功能
在开发者工具中单步调试代码、设置断点以及以源语言解析堆栈轨迹。
- Chrome
开发者工具的新变化 (Chrome 80)
支持在控制台中重新声明 let 和类,改进了 WebAssembly 调试等。
- Chrome
Chromium Chronicle #8:GWP-ASan:检测野外的 bug
GWP-ASan 是纯堆内存错误检测器,设计为在野外使用。它会检测释放后使用、缓冲区上溢/下溢和双重释放。与 ASan 不同,它不会检测堆栈或全局变量中的错误。
- Chrome
Web 软件包使用入门
借助 Web 软件包,您可以通过蓝牙将网站作为单个文件共享,并在源上下文中离线运行网站。
通过 Periodic Background Sync API 获得更丰富的离线体验
定期后台同步可让 Web 应用在后台定期同步数据,从而让 Web 应用的行为更接近 iOS/Android/桌面应用的行为。
使用 Web Share Target API 接收共享数据
在移动设备或桌面设备上,分享操作应该非常简单,只需点击“分享”按钮,选择应用,然后选择分享对象即可。Web Share Target API 可让已安装的 Web 应用向底层操作系统注册,以便接收共享的内容。
Chrome 79 中的弃用和移除内容
概括介绍了 Chrome 79 中弃用和移除的功能,以便您做好规划。
- Chrome
Notification Triggers API
Notification Triggers API 让开发者可以安排无需网络连接的本地通知,这非常适合日历应用等用例。
Chromium Chronicle #7:预处理来源
手动编译单个 Chromium 源文件有助于开发者尝试编译器优化选项、了解微妙的宏细节,或最大限度地减少编译器错误。本月,我们将探讨如何对源代码进行预处理。
- Chrome
Chrome 78 中的新功能
Chrome 78 现已推出!您现在可以为 CSS 变量提供 "types"。由于现在会对 importScripts() 导入的脚本执行逐字节检查,因此您可以获得更新鲜的 Service Worker。此外,我还了解了两项新的源试用的详细信息,这两项功能提供了原生文件系统和 SMS Receiver 等一些简洁的新功能。此外,Chrome 开发者峰会将于 2019 年 11 月 11 日至 12 日举行。让我们一起深入了解,看看 Chrome 78 为开发者提供了哪些新功能!
- Chrome
开发者工具的新变化 (Chrome 79)
调试 Cookie 被屏蔽的原因、模拟 preferreds-color-scheme: dark、代码覆盖率更新等。
- Chrome
Total Blocking Time
了解 Lighthouse 的 Total Blocking Time 指标,以及如何对其进行测量和优化。
使用 WebOTP API 在网页上验证电话号码
查找、记住和输入通过短信发送的动态密码非常麻烦。WebOTP API 简化了用户的动态密码工作流程。
Chromium Chronicle #6:单轨列车网格视图
Chrome 的问题跟踪器 Monorail 提供网格视图,可让您在看板样式面板中直观呈现问题。本集介绍了如何使用网格模式。
- Chrome
Lighthouse 无障碍功能得分
了解 Lighthouse 如何为您的网页生成无障碍功能得分。
Lighthouse 性能评分
了解 Lighthouse 如何生成您的网页的总体性能得分。
Chrome 78 中的弃用和移除内容
概括介绍了 Chrome 78 中弃用和移除的功能,以便您做好规划。
- Chrome
默认情况下,较新的 Service Worker
默认情况下,HTTP 缓存将不再执行检查 Service Worker 脚本更新的 HTTP 请求,并且导入的脚本可以触发 Service Worker 更新流程。
- Chrome
Chrome 77 中的新功能
Chrome 77 现已推出!使用 Largest Contentful Paint 来跟踪网站性能有更好的方法。Google 表单会推出一些新功能。原生延迟加载。Chrome 开发者峰会将于 2019 年 11 月 11 日至 12 日举行。等等。让我们一起深入了解,看看 Chrome 77 为开发者提供了哪些新功能!
- Chrome
调试后台服务
查看报告并调试后台服务(例如后台提取、后台同步、通知、推送消息等)。
- Chrome 开发者工具
开发者工具的新变化 (Chrome 78)
“审核日志”面板中显示 Lighthouse 5.2,“Performance”面板中显示 Largest Contentful Paint。
- Chrome
快速入门指南
用于开始构建基本的 Trusted Web Activity 的指南。
GPU 计算使用入门 (Web)
本博文通过示例探讨实验性 WebGPU API,并帮助您开始使用 GPU 执行数据并行计算。
Chromium Chronicle #5:在沙盒之外进行编码
所有代码都有 bug。Chrome 浏览器进程没有沙盒,这意味着,这些 bug 可能会向恶意代码授予对整个设备的完整访问权限。本集将介绍在不使用沙盒的情况下进行编码的正确做法和错误做法。
- Chrome
通过 ReportingObserver API 了解代码的运行状况
ReportingObserver 可让您了解网站何时使用已弃用的 API 或遇到浏览器干预。这项基本功能最初是在 Chrome 69 中推出的。从 Chrome 84 开始,它可以在 worker 中使用。这非常简单。
Chrome 77 中的弃用和移除内容
概括介绍了 Chrome 77 中弃用和移除的功能,以便您做好规划。
- Chrome
网页版联系人选择器
从(几乎)一开始就已成为 iOS/Android 应用的一项功能。联系人选择器 API 是一种按需 API,可让用户从联系人列表中选择一个或多个条目,并与网站共享所选联系人的有限详细信息。用户可以根据需要随时分享自己需要的内容,还可以更轻松地联系亲朋好友以及与他们联系。
Chromium Chronicle #4:使用 WPT 测试您的网络平台功能
Web 平台测试 (WPT) 是测试 Web 公开功能的首选方法,因为它们通过 GitHub 与其他浏览器共享。本月,我们将介绍 WPT 最佳实践。
- Chrome
Chrome 76 中的新功能
Chrome 76 现已推出!它添加了对 preferreds-color-scheme 媒体查询的支持,为网站引入了深色模式。多功能框中的安装按钮,可让用户更轻松地在桌面设备上安装渐进式 Web 应用。用于阻止迷你信息栏在移动设备上显示的方法。提高 WebAPK 的更新频率。等等。让我们一起深入了解,看看 Chrome 76 为开发者提供了哪些新功能!
- Chrome
Chrome 75 中的媒体更新
预测对加密媒体而言播放是否流畅、省电,以及是否支持视频元素的“playsInline”属性提示。
- Chrome
开发者工具的新变化 (Chrome 77)
您可以复制元素样式,直观呈现布局偏移,等等。
- Chrome
Web 组件更新 - 有更多时间升级到 v1 API
Web Components v0 用户有更多时间升级到 v1;不过请务必确保并进行测试。
- Chrome
Chromium Chronicle #3:Gerrit 中的代码覆盖率
测试至关重要,因为它们可以发现 bug 和回归问题、强制执行更好的设计,并使代码更易于维护。本月,我们将探讨如何使用 Gerrit 进行全面测试。
- Chrome
Chrome 76 中的弃用和移除内容
汇总 Chrome 76 中弃用和移除的功能,以便您进行规划。
- Chrome
更频繁地更新 WebAPK
从 Chrome 76 开始,WebAPK 的更新频率将提高。
- Chrome
LayoutNG
适用于 Chromium 的全新布局引擎
- Chrome
Chrome 75 中的新功能
Chrome 75 现已推出。有一种新方法可以缩短画布元素上的延迟时间。Web 应用现在可以使用系统级共享表单将文件共享给其他已安装的应用。Google I/O 大会的所有演讲视频均在我们的 YouTube 频道上直播。等等。让我们一起深入了解,看看 Chrome 75 为开发者提供了哪些新功能!
- Chrome
开发者工具的新变化 (Chrome 76)
使用 CSS 值自动补全、网络设置新界面等。
- Chrome
Chromium Chronicle #2:应对测试的不稳定之处
不稳定的测试是 Chrome 中的一种常见问题。它们会影响其他开发者的工作效率,并且随着时间的推移会被停用。本月,我们将探讨如何避免测试不稳定问题。
- Chrome
在 Chrome 76 中,您可以隐藏“添加到主屏幕”迷你信息栏
在 Chrome 76 中,为 PWA 的迷你信息栏增加了更多控制权限。
- Chrome
使用 Model-viewer 构建增强现实
今年 2 月份,我们推出了模型查看器 Web 组件,可让您以声明方式向网页添加 3D 模型。现在,我们宣布在 Android 设备上支持 AR,并添加了 ar 属性。
- Chrome
绘图保持 - 减少同源导航上的白色闪烁情况
对绘制的掌握情况的快速概览。Chrome 的一项功能,可在同源导航中减少白色闪烁情况
- Chrome
避免多次网页重定向
了解网页重定向为何会减慢网页加载速度,以及如何避免此类重定向。
使用不同步提示进行低延迟渲染
专为网络构建的基于触控笔的绘图应用会出现延迟问题,因为网页必须将图形更新与 DOM 同步。上下文的未同步提示会绕过 DOM 来消除延迟。
- Chrome
最大限度地减少主线程工作
了解浏览器的主线程,以及如何优化网页以减少主线程负载并提高性能。
速度指数
了解 Lighthouse 的速度指数指标以及如何对其进行优化。
传送现代格式的图片
了解 uses-webp-images 审核结果。
使用被动监听器提高滚动性能
了解如何通过避免使用被动事件监听器来提高网页的滚动响应能力。
输入延迟(估算值)
了解 Lighthouse 的“预计输入延迟”指标,以及如何测量和优化该指标。
保持较低的请求数量和较小的传输大小
了解较高的资源数量和较大的传输大小对加载性能有何影响。获取减少请求数和传输大小的策略。
使用已废弃的 API
了解如何从网页中移除和替换已弃用的 API。
包含存在已知安全漏洞的前端 JavaScript 库
了解如何通过替换存在已知漏洞的 JavaScript 库来提高网页的安全性。
降低第三方代码的影响
了解第三方代码(如广告网络和分析服务)对网页加载性能有何影响,以及如何优化第三方代码。
自定义控件具有 ARIA 角色
了解如何向自定义控件添加 ARIA,以便辅助技术能够进行解读,从而提高无障碍功能。
该页面具有合乎逻辑的 Tab 键顺序
了解如何通过按逻辑顺序放置制表位,让键盘用户更轻松地浏览您的网页。
用户焦点未意外地限制在某个区域中
了解如何通过防止焦点被困在页面某个区域内,为键盘用户改善无障碍功能。
页面缺少 HTML DOCTYPE,因此触发了怪异模式
了解如何确保您的网页不会在旧版浏览器中触发怪异模式。
已对辅助技术隐藏屏幕外内容
了解如何向辅助技术隐藏屏幕外内容,从而改善辅助技术用户的无障碍体验。
使用 document.write()
了解如何通过避免使用 document.write() 缩短网页的加载时间。
缩短服务器响应时间
了解服务器响应时间审核。
使用 HTML5 地标元素改善导航体验
了解如何通过提供可供键盘用户进行导航的地标,改进网页的无障碍功能。
文档没有元描述
了解 "Document 没有元描述 Lighthouse 审核。
显示的图片宽高比不正确
了解如何以正确的宽高比显示自适应图片。
网页已被禁止编入索引
了解 Lighthouse 审核网页被阻止编入索引。
避免链接关键请求
了解什么是关键请求链、它们如何影响网页性能,以及如何减少这种影响。
文档未使用清晰可辨的字体大小
了解“文档未使用清晰可辨的字体大小”Lighthouse 审核。
User Timing 标记和测量
了解 User Timing API 如何帮助您获取网页的实际性能数据。
在网页加载时请求通知权限
了解如何以提供良好用户体验的方式,负责任地请求通知权限。
页面上的视觉顺序遵循 DOM 顺序
了解视觉顺序-遵循多网域审核。
文档没有有效的 hreflang
了解文档没有有效的 hreflang 审核。
避免网络载荷过大
了解如何通过缩减为用户提供的资源的总文件大小来缩短网页的加载时间。
网页包含失败的 HTTP 状态代码
了解“网页未能成功完成 HTTP 状态代码”Lighthouse 审核。
启用文本压缩
了解启用文本压缩可如何提高网页加载性能。
使用应用缓存
了解如何将您的网页从已弃用的应用缓存迁移到 Cache API。
在网页加载时请求地理定位权限
了解如何以提供良好用户体验的方式负责任地请求地理定位权限。
缩短 JavaScript 执行时间
了解 JavaScript 执行会如何降低网页性能以及如何提升网页速度。
结构化数据有效
了解“结构化数据有效”的 Lighthouse 审核。
检测到的 JavaScript 库
了解 Lighthouse 的诊断“检测到的 JavaScript 库”审核。
预先连接到必需的源
了解 uses-rel-preconnect 审核。
互动控件可通过键盘聚焦
学习如何将网页上的自定义控件设置为可聚焦控件,以便键盘用户能够使用这些控件。
将用户的焦点定向到添加到页面中的新内容
了解如何通过将焦点移至新添加的内容上,使辅助技术用户易于理解的 Web 应用状态更改。
指向跨源目的地的链接不安全
了解如何安全地链接到其他主机上的资源。
预加载关键请求
了解 uses-rel-preload 审核。
Chrome 75 中的弃用和移除内容
概括介绍了 Chrome 75 中弃用和移除的功能,以便您做好规划。
- Chrome
适当调整图片大小
了解 uses-自适应图片审核。
最长可能的 First Input Delay
了解 Lighthouse 已弃用的 Max Potential First Input Delay 指标,以及如何测量和优化该指标。
未为所有资源使用 HTTP/2
了解 HTTP/2 对网页加载时间的重要性,以及如何在服务器上启用 HTTP/2。
首次 CPU 空闲时间
了解 Lighthouse 已弃用的“首次 CPU 空闲”指标以及如何对其进行优化。
采用高效的缓存政策提供静态资源
了解缓存网页的静态资源可如何提高回访者的性能和可靠性。
文档使用了插件
了解“文档使用插件”Lighthouse 审核。
首次有效绘制
了解 Lighthouse 已弃用的“首次有效绘制时间”指标以及如何测量和优化该指标。
对图片进行高效编码
了解 use-Optimized-images 审核结果。
阻止用户将内容粘贴到输入字段中
了解如何允许用户将内容粘贴到输入字段中,从而改善您网站的登录屏幕的用户体验。
First Contentful Paint
了解 Lighthouse 的 First Contentful Paint 指标,以及如何衡量和优化该指标。
互动元素指明其用途和状态
了解如何通过向所有用户清楚说明自定义控件的用途和状态,来改进对网页中自定义控件的无障碍功能。
压缩 CSS
了解 unminified-css 审核。
自定义控件具有关联的标签
了解如何确保所有自定义控件都有可供辅助技术用户访问的标签,从而改进无障碍功能。
文档没有有效的 rel=canonical
了解 "Document 没有有效的 rel=canonical" Lighthouse 审核。
点按目标大小不合适
了解“点按目标的大小不合适”Lighthouse 审核。
缩减 JavaScript
了解 unminified-javascript 审核。
移除未使用的 CSS
了解 unused-css-rules 审核。
消除阻塞渲染的资源
了解阻塞渲染的资源审核。
使用视频格式制作动画内容
了解高效动画内容的审核。
推迟显示屏幕外图片
了解屏幕外图片审核。
链接没有描述性文字
了解“链接没有描述性文本”Lighthouse 审核。
robots.txt 无效
了解 "robots.txt 无效" Lighthouse 审核。
可交互时间
了解 Lighthouse 的可交互时间指标以及如何衡量和优化该指标。
控制台记录了浏览器错误
了解如何识别和修正浏览器错误。
Chrome 74 中的新功能
恰逢 Google I/O 大会,Chrome 74 即将登陆!它增加了对私有类字段的支持;可让您检测用户何时请求了减少动作体验;增加了对 CSS 过渡事件的支持,等等。让我们一起深入了解,看看 Chrome 74 为开发者提供了哪些新功能!
- Chrome
在控制台中记录消息
了解如何将消息记录到控制台。
- Chrome 开发者工具
控制台功能参考
有关与 Chrome DevTools 中的控制台界面相关的每项功能和行为的全面参考。
- Chrome 开发者工具
使用实时表达式实时观察 JavaScript 值
如果您发现自己在控制台中反复输入相同的 JavaScript 表达式,请尝试改用实时表达式。
- Chrome 开发者工具
开发者工具中的新功能 (Chrome 75)
有意义的自动补全预设值、从命令菜单中清除网站数据,等等。
- Chrome
Chromium Chronicle #1:任务调度最佳实践
Chrome 团队自豪地隆重推出 Chromium Chronicle,这是一个专门面向打造浏览器的开发者的每月系列活动。本月,我们将介绍任务安排方面的最佳实践。
- Chrome
已弃用:使用 Chrome 开发者工具查看应用缓存数据
如何从 Chrome 开发者工具的 Application 面板查看应用缓存数据。
- Chrome 开发者工具
查看 Web SQL 数据
如何从 Chrome 开发者工具的 Application 面板查看 Web SQL 数据。
- Chrome 开发者工具
查看缓存数据
如何从 Chrome 开发者工具的 Application 面板查看缓存数据。
- Chrome 开发者工具
Chrome 74 中的弃用和移除内容
汇总 Chrome 74 中弃用和移除的功能,以便您进行规划。
- Chrome
当前选择的 DOM 节点
了解快速控制台快捷方式,可获取当前选定的 DOM 节点。
- Chrome
查看和更改 IndexedDB 数据
如何使用 Application 面板和代码段查看和更改 IndexedDB 数据。
- Chrome 开发者工具
查看和修改本地存储空间
如何使用“本地存储空间”窗格和控制台查看和修改“localStorage”。
- Chrome 开发者工具
查看和修改会话存储空间
如何使用“Session Storage”窗格和控制台查看和修改“sessionStorage”?
- Chrome 开发者工具
Chrome 73 中的新功能
Chrome 73 采用签名 HTTP 交换机制,让创建便携式内容变得更轻松。使用可构造的样式表可以更轻松地动态更改样式。此外,在 Mac 上增加了对渐进式 Web 应用的支持,为所有桌面和移动平台提供对 PWA 的支持,让构建通过 Web 分发的安装式应用变得轻而易举。让我们一起深入了解,看看 Chrome 73 为开发者提供了哪些新功能!
- Chrome
KV 存储 - 网络的第一个内置模块
介绍了新的 KV Storage API、内置模块和导入映射。
- Chrome
开发者工具中的新功能 (Chrome 74)
突出显示受 CSS 属性、Lighthouse v4、WebSocket 二进制消息查看器等影响的节点。
- Chrome
开始查看和更改 DOM
如何查看节点、搜索节点、编辑节点、在控制台中引用节点、更改节点时中断等。
- Chrome 开发者工具
Web 开发生态系统团队 - 2 月总结
2 月总结,我们将回顾 Web 开发者生态系统团队的最新动态。
- Chrome
从 Workbox v3 迁移到 v4
从 Workbox v3 迁移到 v4 的指南。
工作框窗口
有助于注册 Service Worker、管理更新和响应生命周期事件的模块。
将应用 JavaScript 中的热路径替换为 WebAssembly
WebAssembly 提供的一个主要优势是,在各种浏览器中都能提供可预测的性能。但如何将使用 JavaScript 编写的热路径转换为 WebAssembly?
- Chrome
Chrome 73 中的弃用和移除内容
概括介绍了 Chrome 73 中弃用和移除的功能,以便您做好规划。
- Chrome
使用 String.prototype.matchAll() 更好地匹配结果
Chrome 73 引入了 String.prototype.matchAll() 方法。它的行为与 match() 类似,但提供了一种简单的方法来遍历匹配,尤其是在您需要访问捕获组时。
- Chrome
在默认情况下使滚轮快速滚动
滚动响应对用户在移动设备上与网站的互动至关重要,但滚轮事件监听器常常会导致严重的滚动性能问题。了解我们如何帮助用户和开发者默认提高速度。
- Chrome
Chrome 73 中的媒体更新
硬件媒体键支持、HDCP 政策检查、画中画源试用等。
- Chrome
Lightning-Fast 模板和 Web 组件 - lit-html 和 LitElement
lit-html 和 LitElement 可为现代网络带来快速、轻量的模板和可互操作的组件。
- Chrome
RTCQuicTransport 即将在您附近的源试用 (Chrome 73)
RTCQuicTransport 是一种新的网络平台 API,它允许使用 QUIC 协议与远程对等方交换任意数据。
- Chrome
停用 JavaScript
打开命令菜单,然后运行“停用 JavaScript”命令。
- Chrome 开发者工具
Lighthouse 原型设计堆栈包
Stack Packs 将扩展 Lighthouse,使其包含针对特定工具的其他消息,而不是仅显示一般性建议。
- Chrome
Chrome 72 的新功能
在 Chrome 72 中,通过 JavaScript 创建公共类字段现在更加简洁。您可以查看页面是否已通过新的 User Activation API 激活,列表的本地化是否变得非常简单,等等。让我们一起深入了解,看看 Chrome 72 为开发者提供了哪些新功能!
- Chrome
开发者工具的新变化 (Chrome 73)
检查模式下的日志点、详细提示等等。
- Chrome
使用户激活在所有 API 之间保持一致
在版本 72 中,Chrome 推出了 User Activation v2,这使得所有受激活限制的 API 的用户激活服务都可用,从而解决了许多用户激活不一致问题。
- Chrome
Shape Detection API:一张照片胜过千言万语、人脸和条形码
Shape Detection API 可检测图片中的人脸、条形码和文本。
构建支持 WebUSB 的设备
构建设备以充分利用 WebUSB API。 本文介绍了如何构建设备以充分利用 WebUSB API 。如需简要了解该 API 本身,请参阅 在 Web 上访问 USB 设备 。 通用串行总线 (USB) 已成为将外围设备连接到桌面设备和移动计算设备的最常见物理接口。除了定义总线的电气特性和与设备通信的一般模型之外,USB
使用 Screen Wake Lock API 不锁定屏幕
为了避免消耗电池电量,大多数设备会在闲置时快速进入休眠状态。尽管大多数情况下这样做都没有问题,但有些应用需要使屏幕保持唤醒状态,以便完成某些工作。Screen Wake Lock API 提供了一种方法,用于在应用需要持续运行时防止设备屏幕变暗或锁定屏幕。
Chrome 72 中的弃用和移除内容
概括介绍了 Chrome 72 中弃用和移除的功能,以便您做好规划。
- Chrome
打开 Chrome 开发者工具
您可以通过所有方式打开 Chrome 开发者工具。
- Chrome 开发者工具
跟踪元素焦点
打开控制台,创建一个实时表达式,并将表达式设置为 document.activeElement。
- Chrome 开发者工具
应用图标的标记
App Badging API 可让已安装的 Web 应用设置应用级标记,该标记显示在与应用关联的操作系统专用位置(例如任务栏或主屏幕)。通过标记,您可以轻松地巧妙地通知用户某些新活动可能需要他们注意,或者标记用于指示少量信息,例如未读计数。
Chrome 71 的新功能
Chrome 71 利用新增的 Intl.RelativeTimeFormat() API 简化了相对时间值显示。您可以指定在文本纵向显示时,应在哪一侧显示下划线。使用语音合成 API 现在需要激活用户,然后您的计算机才能开始与您交谈!让我们一起深入了解,看看 Chrome 71 为开发者提供了哪些新功能!
- Chrome
后台提取简介
通过后台提取,您可以处理较大的下载内容,即使浏览器关闭也不受影响。
- Chrome
开发者工具的新变化 (Chrome 72)
直观呈现性能指标、突出显示文本节点、将 JS 路径复制到 DOM 节点,以及“审核”面板更新。
- Chrome
网络音频、自动播放政策和游戏
2017 年 9 月,我们宣布 Chrome 中的自动播放行为政策即将发生变化,音频的处理方式将随之发生变化。此政策变更已于 2018 年 5 月随 Chrome 66 Stable 版一同发布。 在收到 Web Audio 开发社区的反馈后,我们推迟了自动播放政策的 Web Audio 部分的发布,以便开发者有更多时间更新其网站。我们还对 Web Audio 政策的实施进行了一些更改,这将减少需要调整代码的网站数量(尤其是 Web 游戏),从而为用户提供更好的体验。 此政策变更现已安排在
- Chrome
新功能状态
网页应用应能够执行平台专用应用可以执行的任何操作。了解 Web 应用的新功能的状态。
Signed HTTP Exchange
借助 Signed Exchange,网站可以对网络内容进行签名,确保内容可以安全地从源位置重新分发和验证。
- Chrome
Chrome 71 中的弃用和移除内容
概括介绍了 Chrome 71 中弃用和移除的功能,以便您做好规划。
- Chrome
Chrome 70 中的音频/视频更新
Chrome 70 音频/视频更新概览 - Android 系统默认允许跨编解码器和跨字节流缓冲和播放、采用 MSE 的 MP4 中的 Opus 以及受保护内容播放。
- Chrome
使用“画中画”模式观看视频
控制您网站上视频元素的画中画功能。
- Chrome
Chrome 70 的新变化
Chrome 70 增加了对 Windows 和 Linux 上的桌面渐进式 Web 应用的支持、对凭据管理 API 的公钥凭据的支持,让您能够为专门的 worker 提供名称,此外还有很多其他功能。让我们一起深入了解,看看 Chrome 70 为开发者提供了哪些新功能!
- Chrome
对 Chrome 71 中的 cache.addAll() 和 importScripts() 进行了调整
cache.addAll() 和 importScripts 以及 Chrome 71 即将进行一些细微变更。
- Chrome
Chrome 69 绘制时间问题
Chrome 69 对绘制时间指标进行了错误的更改,该更改旨在捕获渲染管道的更多情况,但会导致一些时间戳不准确。
- Chrome
开发者工具中的新功能 (Chrome 71)
突出显示实时表达式中的 DOM 节点,将节点存储为全局变量,等等。
- Chrome
Houdini 的动画 Worklet
借助 Animation Worklet,您可以编写以设备的原生帧速率运行的命令式动画,从而获得额外流畅的流畅性,不受主线程卡顿,使动画更有弹性,并且可链接滚动(而非时间)。
- Chrome
主机权限的用户控制:转换指南
从 Chrome 70 开始,有关更新扩展程序以处理运行时主机权限变更的指南。
- Chrome 扩展程序
深入了解现代网络浏览器(第 4 部分)
使用合成器线程处理输入事件
- Chrome
深入了解现代网络浏览器(第 3 部分)
浏览器渲染引擎的内部运行情况
- Chrome
Chrome 70 中的媒体更新
Android 系统默认允许跨编解码器和跨字节流缓冲和播放、支持 MSE 的 MP4 中的 Opus 和受保护内容播放。
- Chrome
Chrome 70 中的弃用和移除功能
概括介绍了 Chrome 68 中弃用和移除的功能,以便您做好规划。
- Chrome
深入了解现代网络浏览器(第 2 部分)
了解浏览器如何处理导航请求。
- Chrome
异步访问 HTTP Cookie
Cookie Store API 提供对 HTTP Cookie 的异步访问,并向 Service Worker 打开 Cookie jar。
- Chrome
深入了解现代网络浏览器(第 1 部分)
了解浏览器如何将您的代码转换为可正常运行的网站(从高级架构到渲染流水线的细节)。
- Chrome
Chrome 69 的新功能
Chrome 问世已经有十年了。自那以后,世界发生了翻天覆地的变化,但为现代 Web 应用打下坚实基础的目标却没有!Chrome 69 支持 CSS 滚动贴靠功能、支持凹口、网络锁定和一些很棒的新 CSS4 功能。让我们一起深入了解,看看 Chrome 69 为开发者提供了哪些新功能!
- Chrome
开发者工具的新变化 (Chrome 70)
在控制台中使用实时表达式,在 Eager 评估期间突出显示 DOM 节点等等。
- Chrome
Chrome 69 中的媒体更新
Chrome 69 媒体更新摘要:AV1 和 HDCP 政策检查。
- Chrome
ReportingObserver:了解代码的运行状况
ReportingObserver 可让开发者深入了解其代码在野外执行的操作。ReportingObserver 会显示弃用和干预等问题的相关信息,这些问题之前仅在开发者工具控制台中提供。
- Chrome
速度现已成为 Google 搜索和 Google Ads 的着陆页考量因素
现在,速度已成为 Google 搜索和 Google Ads 的着陆页考量因素。
- Chrome
Chrome 68 的新功能
Chrome 68 对 Android 设备上的“添加到主屏幕”行为进行了一些更改,可让您更好地进行控制。通过页面生命周期 API,您可以了解标签页何时被暂停或恢复。借助 Payment Handler API,基于网络的付款应用可以支持付款请求体验。让我们一起深入了解,看看 Chrome 68 为开发者提供了哪些新功能!
- Chrome
NoState 预提取简介
Chrome 63 附带了 NoState 预提取功能。NoState 预提取是一种提前提取资源的机制,该机制使用的内存比已弃用的预渲染进程少。
- Chrome
PWACompat - 适用于所有浏览器的 Web 应用清单
使用 PWACompat 库将您的 Web 应用清单推广到所有浏览器。
- Chrome
工作区导航预加载
启用导航预加载,以便更快地获得导航请求的网络响应。
适用于 Web 开发者的网站隔离功能
桌面版 Chrome 67 有一项名为网站隔离\* 的新功能默认处于启用状态。本文介绍了什么是网站隔离、为什么一定要隔离,以及网站开发者为什么应该注意这种隔离。
- Chrome
试验 Chrome 用户体验报告中的 First Input Delay
我们宣布在 Chrome 用户体验报告中添加 First Input Delay (FID) 实验性指标。
- Chrome
功能政策简介
功能政策允许开发者有选择地启用、停用和修改浏览器中某些 API 和功能的行为。它与 CSP 类似,但对于功能而言!已在 Chrome 60 中提供。
- Chrome
了解存储空间配额
关于配置 Workbox 以避免存储空间配额问题的指南。
更多原生回声消除
更多原生回声消除支持
- Chrome
音频 Worklet 设计模式
音频 Worklet 设计模式
- Chrome
针对网络的增强现实
增强现实技术允许在现实世界视图中放置和跟踪虚拟对象。
- Chrome
Chacmool:Chrome Canary 版中的增强现实功能
Chacmool 是一个教育类网络演示,展示了基于网络的 AR 如何轻松打造引人入胜的体验。
- Chrome
内嵌式安装弃用迁移常见问题解答
关于弃用以内嵌方式安装 Chrome 扩展程序的常见问题解答。
- Chrome 扩展程序
Chrome 68 中的弃用和移除功能
概括介绍了 Chrome 68 中弃用和移除的功能,以便您做好规划。
- Chrome
“添加到主屏幕”行为变更
从 Android 上的 Chrome 68 开始,“添加到主屏幕”行为将发生变化,以便您更好地控制何时以及如何提示用户。如果您的网站符合“添加到主屏幕”条件,Chrome 将不再自动显示“添加到主屏幕”横幅。而是需要对保存的 beforeinstallprompt 事件调用 Prompt(),以向用户显示“添加到主屏幕”对话框提示。
- Chrome
Chrome 67 的新功能
Chrome 67 将渐进式 Web 应用带到了桌面。添加了对通用传感器 API 的支持,以便更轻松地访问加速度计、陀螺仪等设备传感器。并且添加了对 BigInts 的支持,使处理大整数变得更加轻松。让我们一起深入了解,看看 Chrome 67 为开发者提供了哪些新功能!
- Chrome
开发者工具的新变化 (Chrome 68)
即时评估、参数提示、函数自动补全、Lighthouse 3.0 等。
- Chrome
使用 Lighthouse 提高网页加载性能
针对预加载、预连接、GIF 等方面的新性能审核。
- Chrome
Lighthouse v3 迁移指南
如何从 Lighthouse v2 迁移到 v3。
隆重推出 Lighthouse 3.0
审核速度更快,差异更小,提供新的报告界面,新的审核等。
- Chrome
Chrome 67 中的弃用和移除功能
概括介绍了 Chrome 67 中弃用和移除的功能,以便您做好规划。在此版本中,弃用了公钥固定功能,移除了针对不安全上下文的 AppCache,并移除了更多前缀。
- Chrome
迁移到事件驱动型后台脚本
如何将永久性后台脚本迁移到基于事件的、非永久性模型,以提高 Chrome 扩展程序的性能。
- Chrome 扩展程序
在控制台中运行 JavaScript
了解如何在控制台中运行 JavaScript。
- Chrome 开发者工具
Chrome 66 的新功能
Chrome 66 通过全新的 CSS 类型化模型对象简化了 CSS 操作,现在,剪贴板访问是异步进行的,画布元素的新呈现上下文以及使用 JavaScript 处理音频的更好方法。让我们一起深入了解,看看 Chrome 66 为开发者提供了哪些新功能!
- Chrome
达到最佳效果
关于如何构建高性能 Chrome 扩展程序的指南。
- Chrome 扩展程序
开发者工具的新变化 (Chrome 67)
您可以跨网络标头进行搜索、以抓取的形式复制请求、使用桌面设备条件审核网页等等。
- Chrome
在工作区中编辑和保存文件
了解如何将在开发者工具中所做的更改保存到源文件。
- Chrome 开发者工具
将网页显示在附加的辅助显示屏上
Chrome 66 允许网页通过 Presentation API 使用附加的辅助显示设备,并通过 Presentation Receiver API 控制其内容。
- Chrome
Chrome 66 中的弃用和移除内容
概括介绍了 Chrome 66 中弃用和移除的功能,以便您做好规划。在此版本中,Service Worker 的安全性得到提升,对 CSS 位置值进行了更改,还做出了其他改进。
- Chrome
macOS 原生回声消除
在 Chrome 中使用原生 macOS 回声消除器
- Chrome
SmooshGate 常见问题解答
SmooshGate 可以让我们了解有关标准开发和 Web 平台的哪些信息?本期稿将对本文进行概述。
- Chrome
保护用户隐私
确保您的 Chrome 扩展程序能保护用户隐私的准则。
- Chrome 扩展程序
保护用户隐私
确保您的 Chrome 扩展程序能保护用户隐私的准则。
- Chrome 扩展程序
设计界面
Chrome 扩展程序的界面和设计指南。
- Chrome 扩展程序
从 Workbox v2 迁移到 v3
从 Workbox v2 迁移到 v3 的指南。
确保安全
如何保障 Chrome 扩展程序的安全。
- Chrome 扩展程序
确保安全
如何保障 Chrome 扩展程序的安全。
- Chrome 扩展程序
Chrome 65 的新功能
Chrome 65 增加了对新的 CSS Paint API 的支持,该 API 可让您以编程方式生成图片。您可以使用 Server Timing API 通过 HTTP 标头提供服务器性能计时信息,新的 CSS display: content 属性可以使方块消失!让我们一起深入了解,看看 Chrome 65 为开发者提供了哪些新功能!
- Chrome
开发者工具的新变化 (Chrome 66)
忽略“Network”面板中的脚本、在设备模式下自动调整缩放比例等。
- Chrome
Lighthouse 2.8 更新
新增了性能和搜索引擎优化 (SEO) 审核、性能作为报告中的第一部分等。
- Chrome
Chrome 65 中的弃用和移除内容
概括介绍了 Chrome 65 中弃用和移除的功能,以便您做好规划。在此版本中,系统会禁止显示有关 Symantec 证书和跨源下载的提醒,并且 document.all 现在处于只读状态。
- Chrome
融化/《Spectre》
对 Web 开发者的影响和 Chrome 的缓解措施。
- Chrome
工作区 build
一个模块,可生成 Service Worker、将预缓存清单注入现有代码,或者创建预缓存清单。
从 sw-precache 或 sw-toolbox 迁移
关于从 sw-precache 或 sw-toolbox 迁移到 Workbox 的指南。
Chrome 用户体验报告 - 新的国家/地区维度
我们在 Chrome 用户体验报告中宣布推出新的国家/地区维度。
- Chrome
Chrome 64 的新功能
Chrome 64 增加了对 ResizeObservers 的支持,它会在元素的内容矩形的大小发生变化时通知您。模块现在可以使用 import.metadata 访问主机特定的元数据。弹出式窗口拦截器变得更强大,并且更强大。让我们一起深入了解,看看 Chrome 64 为开发者提供了哪些新功能!
- Chrome
CSS Paint API
借助 Houdini 的 CSS Paint API,您能够以程序化方式绘制 CSS 图片。
- Chrome
开发者工具中的新功能 (Chrome 65)
本地替换、无障碍工具、性能和 SEO 审核等。
- Chrome
无头 Chrome:解决服务器端呈现 JavaScript 网站的问题
无头 Chrome 是一种普适性解决方案,可将动态 JavaScript 网站转换为静态 HTML 网页。
开发者工具的新变化 (Chrome 64)
性能监控器、控制台边栏和控制台分组。
- Chrome
停用硬件噪音抑制
Chrome 64 已在实验性功能中停用硬件噪音抑制功能。
- Chrome
有关更优质广告的最新动态
有关更优质广告的最新动态。
- Chrome
Workbox-webpack-plugin
使用 webpack 构建工具生成 Service Worker 或注入预缓存清单。
在 Linux 上安装扩展程序
如何打包、托管和更新个人服务器中的 crx 文件。
- Chrome 扩展程序
音频 Worklet 现在默认可用
Chrome 64 在 Web Audio API 中带来了一项备受期待的新功能 - Audio Worklet
- Chrome
Linux 的自托管
如何为 Linux 用户打包、托管和更新个人服务器中的 crx 文件。
- Chrome 扩展程序
Chrome 64 中的弃用和移除功能
汇总 Chrome 64 中弃用和移除的功能,以便您进行规划。在此版本中,性能 API 发生了变化,移除了对多个影子根的支持,并移除了一个 WebKit API。
- Chrome
Chrome 64 即将弃用 chrome.loadTimes() API
Chrome 64 将弃用非标准 chrome.loadTimes() API,因为其所有实用功能都存在基于标准的等效项。
- Chrome
Chrome 用户体验报告 - 扩展到前 100 万个来源
今天,我们宣布推出新的 Chrome 用户体验报告,以覆盖超过 100 万个热门网络源。
- Chrome
Lighthouse 2.6 更新
提供新的性能审核、无障碍功能得分回顾、用户体验改进报告以及问题修复。
- Chrome
Chrome 63/64 中的媒体更新
Chrome 64 等您探索可预测的媒体播放、Windows 10 中的 HDR、永久许可的离线播放以及更多功能。
- Chrome
Device Memory API
Device Memory API 允许开发者根据用户设备的内存能力为用户提供不同的资源。
- Chrome
Chrome 63 的新功能
Chrome 63 允许您动态导入 JavaScript 模块。我最喜欢的面试编码问题可以用异步迭代器和生成器轻松搞定。您还可以使用 CSS overscroll-behavior 属性替换浏览器的默认溢出滚动行为。
- Chrome
工作区广播更新
当缓存更新为使用新响应时,向页面发送消息。
开发者工具的新变化 (Chrome 63)
多客户端远程调试、包含自定义数据的推送通知和 Workspace 2.0。
- Chrome
工作框核心
更改日志级别和缓存名称。包含所有 Workbox 库使用的共享代码。
Workbox-cacheable-response
根据响应的状态代码或标头限制缓存哪些请求。
工作框范围请求
此模块支持使用先前缓存的数据切片响应 `Range:` 请求。
Workbox-background-sync
使用后台同步功能可靠地发出网络请求,即使用户处于离线状态也是如此。
工作框策略
一组用于处理请求响应的运行时缓存策略,通常与“workbox-routing”一起使用。
工作区-google-analytics
支持重放离线 Google Analytics(分析)互动。
工作框路由
将 Service Worker 中的请求路由到特定的缓存策略或回调函数。
工作框到期时间
根据缓存中的内容数量或缓存请求的存在时间移除了缓存的请求。
工作区预缓存
轻松预缓存一组文件,并高效地管理文件更新。
workbox-cli
从命令行生成 Service Worker、注入预缓存清单或创建 Workbox 库的本地副本。
工作区-sw
提供一种无需构建步骤即可加载 Workbox 运行时的方法。
掌控滚动操作 - 自定义下拉刷新和溢出效果
CSS overscroll-Behavior 属性简介。
- Chrome
移除了 Chrome 63 中的 ::shadow 和 /deep/
告别阴影穿透 CSS 选择器。
- Chrome
Chrome 63 中的弃用和移除内容
概括介绍了 Chrome 63 中弃用和移除的功能,以便您做好规划。在此版本中,接口属性上新增了一些行为,移除了 webkit 函数,并更改了 RTCRtcpMuxPolicy。
- Chrome
超出缓冲配额
有几种方法可以处理 QuotaExceededError。
- Chrome
Lighthouse 2.5 更新
五项新的审核、chrome-launcher 独立节点模块和新的节流指南。
- Chrome
Chrome 62 的新功能
Chrome 62 通过网络质量指示器改进了网络信息 API,现已开始支持 OpenType 可变字体,而且您现在可以使用 Media Capture from DOM element API 来捕获和处理来自 HTMLMediaElements 的媒体流。
- Chrome
为模糊处理添加动画效果
要高效地为模糊处理添加动画效果,需要掌握一些技巧。
- Chrome
Chrome 62 中的 WebVR 变化
了解 WebVR API 中的变化。
- Chrome
可取消的提取
使用新的网络基元(中止控制器)中止提取。
- Chrome
CSS position:sticky 事件
结合使用“position - sticky”和 IntersectionObserver,以确定元素何时变为粘性元素。无需滚动事件即可应用滚动效果!
适用于网站的传感器
传感器在许多应用中都有用途,可实现游戏等高级功能,这些功能会考虑运行设备的屏幕方向或加速度。通用传感器 API 提供了一个通用接口,用于在 Web 上访问此类传感器数据。
Chrome 62 中的弃用和移除内容
概括介绍了 Chrome 62 中弃用和移除的功能,以便您做好规划。在此版本中,我们进一步改进了安全性,进一步弃用了 webkit,并做出了一些其他改进。
- Chrome
Chrome 中的自动播放政策
了解在 Chrome 中借助新的自动播放政策打造良好用户体验的最佳做法。
- Chrome
探索 Chrome 的往返缓存
bfcache 会创建一个缓存,供用户即时导航到之前访问过的网页。
- Chrome
Chrome 62 中的媒体更新
通过永久性许可和 Android 上的 Widevine L1 进行离线播放、视频轨道优化、设备旋转时自动全屏显示、支持直播 MS 串流中的可搜索范围、支持 MSE 的 MP4 MP4 格式!
- Chrome
画中画 (PIP)
我们来讨论一个可让网站在桌面上创建浮动视频窗口的 Web API。
- Chrome
Chrome 61 的新功能
Chrome 61 现在原生支持 JavaScript 模块,统一了模块化 JavaScript 的编写方式。您现在可以使用导航器点共享来触发原生 Android 共享对话框。与此同时,WebUSB API 也正式推出,可让 Web 应用访问用户允许的 USB 设备。除此之外,还有许多其他功能。
- Chrome
全新推出 visualViewport
可视化视口 API 可为您提供有关用户如何缩放和滚动网页的详细信息。
- Chrome
开发者工具的新变化 (Chrome 62)
控制台中的顶级等待运算符、新的屏幕截图工作流、CSS 网格突出显示等。
- Chrome
Chrome 61 中的弃用和移除内容
概括介绍了 Chrome 61 中弃用和移除的功能,以便您做好规划。在此版本中,我们进一步改进了安全性,进一步弃用了 webkit,并做出了一些其他改进。
- Chrome
估算可用存储空间
navigator.storage.estimate() 可让您深入了解 Web 应用的存储限制。
- Chrome
Chrome 61 中的媒体更新
这里既有后台视频轨道优化功能,也有设备旋转时自动全屏播放视频的功能!
- Chrome
Chrome 61 中的音频/视频更新
Chrome 61 音频和视频更新概览。
- Chrome
Chrome 60 的新功能
在 Chrome 60 中,您现在可以使用 Paint Timings API 测量首次绘制所用的时间和首次内容绘制所用的时间。您可以使用 font-display CSS 属性控制字体的渲染方式。WebAssembly 已经落地,还有许多新功能!
- Chrome
开发者工具的新变化 (Chrome 61)
Chrome 61 中开发者工具将推出的新功能和变更。
- Chrome
即将推出的正则表达式功能
简要介绍 JavaScript 正则表达式的一些激动人心的新功能,包括命名捕获、dotAll 标志、Unicode 属性转义和 Lookbehind 断言。
- Chrome
对齐的输入事件
提供流畅的用户体验对于 Web 来说至关重要。在过去几个版本的 Chrome 中,我们降低了这些设备的输入延迟。
- Chrome
超级直播博客 - 代码拆分
我们实现了代码拆分和基于路由的分块,就像 WebPack 一样。
- Chrome
DOMException - play() 请求中断
"DOMException - play() 请求被中断"究竟发生了什么?
- Chrome
使用无头 Chrome 进行自动化测试
使用无头 Chrome 进行自动化测试
- Chrome
Credential Management API 的最新动态
Credential Management API 的最新动态
- Chrome
Chrome 60 中的弃用和移除内容
概括介绍了 Chrome 60 中弃用和移除的功能,以便您做好规划。在此版本中,我们进一步改进了安全性,进一步弃用了 webkit,并做出了一些其他改进。
- Chrome
Budget API 简介
借助 Budget API,开发者可以在不通知用户的情况下执行后台操作,从而实现静默推送等用例。
- Chrome
Chrome 59 的新功能
借助 Chrome 59,您可以在没有界面或外围设备的自动化环境中运行 Chrome;macOS 上的通知会直接由原生 macOS 通知系统显示;您现在可以使用图片拍摄 API 拍摄完整分辨率的照片,还有更多精彩功能!
- Chrome
开发者工具中的新功能 (Chrome 60)
Chrome 60 中开发者工具将推出的新功能和变更。
- Chrome
Chrome 59 中的弃用和移除功能
汇总 Chrome 59 中弃用和移除的功能,以便您进行规划。
- Chrome
无头 Chrome 使用入门
Headless Chrome 使用入门
- Chrome
迁移至 macOS 上的原生通知系统
从 Chrome 59 开始,通知将在 macOS 上显示原生通知。
- Chrome
Chrome 58 的新功能
在 Chrome 58 中,渐进式 Web 应用可通过“全屏”显示更具沉浸感。现已支持 IndexedDB 2.0,沙盒化 iframe 拥有更多选项。Pete LePage 了解所有详情以及如何在 Chrome 58 中使用这些新的开发者功能。
- Chrome
开发者工具的新变化 (Chrome 59)
Chrome 59 中开发者工具将推出的新功能和变更。
- Chrome
Chromium 关于 JavaScript 对话框的政策
同步的应用模态 JavaScript 对话框通常(但遗憾的是)用于危害用户。因此,Chromium 团队强烈建议不要使用 JavaScript 对话框。
- Chrome
CSS Deep-Dive - 利用 matrix3d() 实现完美帧效果自定义滚动条
借助自定义转换矩阵,您可以构建完美到帧的自定义滚动条。
构建高性能的展开和合拢动画
制作展开和收起效果时,您可以使用缩放转换来保持界面的性能。
- Chrome
Chrome 58 中的媒体更新
媒体控件自定义、将渐进式 Web 应用自动播放功能添加到主屏幕、在不可见时暂停静音视频自动播放,以及支持色域媒体查询!
- Chrome
Ray,我们将逐一介绍所有(媒体)流。
目前,在 Chrome 中使用媒体来源扩展 (MSE) 时,您无法在已加密的视频流与清晰的视频流之间切换。从 Chrome 58 开始,所有这些更改都将生效。
- Chrome
Chrome 58 中的音频/视频更新
Chrome 58 音频和视频更新概览。
- Chrome
Chrome 58 中的弃用和移除功能
概括介绍了 Chrome 58 中弃用和移除的功能,以便您做好规划。
- Chrome
Chrome 57 中的背景标签页
Chrome 57 中的背景标签页
- Chrome
Chrome 57 的新功能
在 Chrome 57 中,您现在可以使用“显示”功能:采用网格形式显示基于网格的布局;使用媒体会话 API 自定义锁定屏幕,并使用与正在播放的媒体相关的信息来自定义通知。Pete LePage 介绍了所有详情以及如何在 Chrome 57 中使用这些新的开发者功能!
- Chrome
开发者工具中的新功能 (Chrome 58)
Chrome 58 中开发者工具将推出的新功能和变更。
- Chrome
2017 年 1 月的 Lighthouse 更新
Lighthouse 1.5 的新功能
- Chrome
自定义媒体通知和处理播放列表
使用新的 Media Session API 自定义网络媒体通知并响应媒体相关事件。
- Chrome
清单 - 操作处理程序
有关 manifest.json 的 action_handlers 属性的参考文档。
Chrome 57 中的 API 弃用和移除
概括介绍了 Chrome 57 中弃用和移除的功能,以便您做好规划。
- Chrome
付款请求 API 的变更
在 Chrome 56 和 57 中,遵循规范变更后,Payment Request API 发生了一些变更。了解具体定义并更改您自己的实现方式。
- Chrome
CSS 网格 - 表格布局恢复正常。立足于正方形
CSS Grid 是适用于网络的全新布局系统。
Chrome 56 的新功能
在 Chrome 56 中,Web 应用现在可以使用 Web Bluetooth API 与附近的蓝牙低功耗设备通信。CSS 位置:sticky; is back - 便于您创建可正常滚动直至固定在视口顶部的元素。默认情况下,系统会为所有用户启用 HTML5。
- Chrome
在默认情况下实现快速轻触滚动
滚动响应对于用户在移动设备上与网站的互动情况至关重要,但触摸事件监听器常常会导致严重的滚动性能问题。了解我们如何帮助用户和开发者默认提高速度。
- Chrome
JavaScript 调试参考文档
在此关于 Chrome 开发者工具调试功能的综合参考中,了解新的调试工作流程。
- Chrome 开发者工具
利用 Lighthouse 打造更好的网络
Lighthouse 的新变化。经过重新设计、新的最佳做法审核和在线报告查看器。
- Chrome
调整网址栏大小
隐藏网址栏不会再调整移动版网页的大小。
- Chrome
Chrome 开发者工具:Chrome 58 中的 JavaScript CPU 性能分析
在 Chrome 58 中更改了记录 JavaScript CPU 配置文件。
- Chrome
Chrome 开发者工具 - Chrome 58 中的 JavaScript CPU 性能分析
在 Chrome 58 中,“Record JavaScript CPU Profile”已更改。
- Chrome
Chrome 56 中的 API 弃用和移除
概括介绍了 Chrome 56 中弃用和移除的功能,以便您做出规划。
- Chrome
location:sticky 现已在 Chrome 中推出
location:sticky。精彩回归!
- Chrome
拍摄照片和控制相机设置
Image Capture 是一个用于控制相机设置和拍摄照片的 API。
- Chrome
高效视差
只需稍微调整数学运算,就能实现在浏览器架构上完美呈现的视差效果!
- Chrome
Chrome 55 的新功能
在 Chrome 55 中,您可以使用 async 和 await 像编写同步代码一样编写基于 Promise 的代码。PointerEvents 提供了一种统一的方式来处理所有输入事件。永久性存储功能已完成源试用。
- Chrome
做好准备,迎接 2016 年 Chrome 开发者峰会
2016 年 Chrome 开发者峰会将于 11 月 10 日和 11 日(星期四)举行。
- Chrome
避免 Chrome 中出现不安全警告
Chrome 即将在网址栏中将包含密码和信用卡输入字段的非安全网页标记为“不安全”。
- Chrome
开发者工具摘要,2016 年 10 月
新增了控制台功能、上下文选择器 bug 方面的更新,以及全新的 UC 浏览器用户代理。
- Chrome
使用 CSS 管理连字符
Chrome 55 通过实现连字符属性来控制何时显示软连字符以及它们的行为方式。
从画布、视频或音频元素捕获 MediaStream
借助 captureStream() 方法,可以在 Android 和桌面设备上从画布、音频或视频元素捕获 MediaStream。
- Chrome
指明方向
指针事件统一了浏览器的指针输入模型,将触摸、触控笔和鼠标融合到一组事件中。
- Chrome
事件监听器
addEventListener 现在支持一次选项,让您可以更轻松地定义在之后自行清理的事件。
- Chrome
触摸操作选项
触摸操作可让开发者定义用户与元素互动的方式。现在,Chrome 在 Chrome 55 中对触摸操作选项的支持范围更广。
- Chrome
Chrome 55 中的 API 弃用和移除
概括介绍了 Chrome 56 中弃用和移除的功能,以便您做出规划。
- Chrome
Chrome 55 中即将推出 auxclick
非主要鼠标按钮点击会触发新的 auxclick 事件。
- Chrome
Chrome 54 的新变化
在 Chrome 54 中,您可以使用自定义元素 v1 创建自己的自定义 HTML 标记,并制作可重复使用的网络组件;使用 BroadcastChannel API 可以更轻松地在同源的打开窗口或标签页之间发送消息;在 Android 上获享更好的媒体体验;现在,作为源试用提供外部提取服务。
- Chrome
developers.google.com/web 的更新
新版“网站开发基础”页面不仅提供更完善的导航功能,还新增了内容等诸多功能!
- Chrome
Lighthouse 简介
了解如何设置 Lighthouse 来审核您的 Web 应用。
在缩放变化时重新栅格合成合成图层
将转换 - 转换意味着请快速添加动画
- Chrome
跨域 Service Worker - 使用外部提取进行实验
第三方服务可以开始部署自己的网络请求处理程序。
- Chrome
Chrome 54 中的 CacheQueryOptions 新增功能
支持整套 CacheQueryOptions,使您可以更轻松地找到所需的缓存响应。
- Chrome
开发者工具摘要,2016 年 9 月 - 性能摘要
在前几个 Chrome 版本中改进了开发者工具中的性能工具。
- Chrome
PushSubscription 的选项
您现在可以访问订阅用户推送时使用的选项。
- Chrome
BroadcastChannel API - 网络的消息总线
BroadcastChannel API 可用于在窗口、标签页、iframe 或 worker 之间进行简单的 Pub/Sub。
- Chrome
干预 document.write()
Chrome 会阻止使用 document.write() 添加的部分脚本
- Chrome
Web Animations API 达到了跨浏览器里程碑
Firefox 48 与 Chrome 一起推出 Web Animations API 的原生实现。
- Chrome
Chrome 53 中的 API 弃用和移除
提供关于 Chrome 中弃用和移除功能的简要说明,以帮助您做出规划。
- Chrome
开发者工具摘要,2016 年 8 月
“资源”面板、新功能和社区活动发生了什么变化。
- Chrome
Web 推送互操作性方面的优势
在最新版本的 Chrome 中,Web 推送进行了一些更新。GCM 现在支持 Web 推送协议,如果您使用 VAPID,则无需注册 Google Developers 项目,即可获得 FCM 端点。
- Chrome
在移动设备上自动静音播放 - 告别画布技巧和 GIF 动画!
Chrome 53 及更高版本支持在 Android 设备上使用静音自动播放功能。以前,视频元素需要用户手势才能启动播放。
- Chrome
调试渐进式 Web 应用
使用 Application 面板检查、修改和调试 Web 应用清单、Service Worker 和 Service Worker 缓存。
- Chrome 开发者工具
轻松使用离线 Google Analytics(分析)
sw-offline-google-analytics 库可为您提供一切所需。
- Chrome
无限滚动游戏的复杂性
无限滚动是常见的界面模式。在这里,我们将探索如何以 60fps 的内存保守方式实现此模式。
- Chrome
告别短会话 - 关于使用 Service Worker 改进网络 Cookie 管理的方案
引入了使用 Service Worker 保留会话的概念验证设计。
- Chrome
Chrome(Android 版)音频和视频的 Service Worker 缓存、PlaybackRate 和 Blob 网址
从版本 52 开始,Android Chrome 使用与桌面 Chrome 相同的媒体堆栈,而不是依赖于底层平台实现。这样可以实现 Service Worker 媒体缓存、可变播放速率、Android 上的 blob 网址、API 之间的 MediaStream 传递,以及更简单的跨平台调试。
- Chrome
适用于 WebRTC 的 ECDSA - 更高的安全性、更好的隐私保护和更出色的性能
从版本 52 开始,Chrome 默认使用 ECDSA - 一种用于生成 WebRTC 证书密钥的更高效、更安全的算法。此外,RTCCertificate 现在可以通过 IndexedDB 存储。
- Chrome
Flexbox 为绝对定位的子项带来了新行为
Flexbox 为绝对定位的子项带来了新行为
- Chrome
Chrome 52 中的 CSS 包含
新增的 CSS Containment 属性可让开发者限制浏览器样式、布局和绘制工作的范围。
- Chrome
Chrome 52 中的 API 弃用和移除
对 Chrome 中弃用和移除情况进行了概括,以帮助您进行规划。
- Chrome
Performance Observer - 高效访问性能数据
Chrome 52 中新增的“性能观察者”界面可让您以更高效的方式访问性能时间轴数据。
- Chrome
开发者工具摘要,2016 年 9 月 - 2016 年及以后的开发者工具
2016 年及未来开发者工具的主要主题和趋势。
- Chrome
在线直播,立即回复
得益于 ReadableStreams,尽快开始处理您的 Service Worker 响应。
- Chrome
使用被动事件监听器提升滚动性能
Chrome 51 新增被动事件监听器,可大幅提升滚动性能。
- Chrome
Geolocation API 从 Chrome 50 中的不安全来源中移除了
从版本 50 开始,Chrome 不再支持通过非安全连接使用 HTML5 Geolocation API。
- Chrome
DevTools Digest - 使用新的命令菜单提升功能
了解开发者工具的全新命令菜单,以及其 60 多项可实现超快速工作流的操作。
- Chrome
Chrome 51 中的 API 弃用和移除情况
对 Chrome 中弃用和移除情况进行了概括,以帮助您进行规划。
- Chrome
使用凭据管理 API 简化登录流程
为了提供复杂的用户体验,务必要帮助用户在您的网站上验证自己的身份。但对最终用户来说,创建、记住和输入密码往往很麻烦,在移动设备上更是如此
- Chrome
KeyboardEvents 有什么新变化?密钥和代码!
新增了两个属性,以便为 Web 实现一致的键盘事件处理。
- Chrome
实验时间 - 滚动锚定
开始阅读内容后,滚动锚定功能即可阻止网页移动。
- Chrome
通过网页访问 USB 设备
WebUSB API 支持将 USB 带到网络中,从而提升其安全性和易用性。
概览
开始使用 Google Chrome 内置的网络开发者工具。
- Chrome 开发者工具
控制台 API 参考文档
使用 Console API 向控制台写入消息。
- Chrome 开发者工具
适用于第一代移动设备的新设备模式
全面了解 Chrome 开发者工具 49 中引入的全新、经过刷新的设备模式。
- Chrome
利用 Intel Edison 打造支持 Web 的 IoT 设备
如今,物联网已成为万众瞩目的焦点,但如果您能够创造一台通过网络浏览器访问的 IoT 设备,会怎么样?在本文中,我们将了解如何使用实物网、网络蓝牙和 Node.js(在 Intel® Edison Arduino 分组板上运行)实现这一点。
- Chrome
Chrome 50 中添加了对 Canvas toBlob() 的支持
Chrome 50 开始支持 canvas.toBlob 设置。
- Chrome
Chrome 浏览器在 Chrome 50 中支持 createImageBitmap()
支持在设置为 Chrome 50 的 worker 中进行图片解码。
- Chrome
Chrome 50 中的 Web Animations 改进
Chrome 50 将提供更多规范合规性和新功能。
- Chrome
Chrome 50 中的 API 弃用和移除情况
对 Chrome 中弃用和 API 移除的情况进行了概括,以帮助您进行规划。
- Chrome
用于检查和修改的 FormData 方法
在 Chrome 50 中,您现在可以先与 FormData 实例进行交互,然后再发送这些实例。
- Chrome
摆脱焦点管理的头痛
“顺序焦点导航起点”功能定义了在没有聚焦区域时,为依序焦点导航([Tab] 或 [Shift-Tab])从何处开始搜索可聚焦元素。它对跳过链接和管理文档焦点等无障碍功能尤为有用。
- Chrome
Media Source API - 自动确保媒体片段以附加顺序流畅播放
Media Source API 可让 JavaScript 构建用于播放的媒体流。从 Chrome 50 开始,可以使用 SourceBuffer 序列模式来确保媒体片段按照附加顺序自动在时间轴中重新定位,而不会出现间隙。
- Chrome
Chrome 50 即将更改设备屏幕方向
DeviceOrientationEvent 使用相对角度,并且新增了 DeviceOrientationAbsoluteEvent。
- Chrome
Chrome 50 中添加了 DOMTokenList 验证
在 Chrome 50 中,可直接在代码中检查对各种功能的支持情况。
- Chrome
使用 link rel='preload' 确定资源优先级
Chrome 50 增加了对 rel='preload' 的支持,并废弃了 rel='subresource'。
- Chrome
Chrome 50 中的网络通知功能改进 - 图标、关闭事件、重新通知偏好设置和时间戳
Chrome 50 为通知功能提供了许多很棒的新功能,下面我们为您总结一下。
- Chrome
Web 推送载荷加密
Web 推送现在支持载荷!了解如何利用这项强大的新功能。
- Chrome
HTMLMediaElement.play() 会返回 promise
告别自动播放的不确定性!play() 现在会返回 Promise。
- Chrome
加强了远程调试、课堂混搭和我们自己的深夜秀?
全面了解改版的“Inspect Devices”界面,在现已修复的样式面板中轻松切换类,并观看“今晚开发者工具”试行计划视频。
- Chrome
在 Sources 中观察变量
利用 Chrome 开发者工具,您可以轻松查看整个应用中的多个变量。
- Chrome 开发者工具
开发者工具变暗,支持 @keyframe 编辑和更智能的自动补全功能
了解开发者工具如何通过更智能的控制台自动补全来减少输入操作,如何直接在“样式”窗格中修改 @keyframe 规则,如何玩转 CSS 自定义变量,以及如何加入黑暗面。
- Chrome
Chrome 49 中的网络音频更新
对 Chrome 中 Web Audio API 的一些最新版本进行总结。
- Chrome
ES2015 代理简介
ES2015 代理(在 Chrome 49 及更高版本中)为 JavaScript 提供了一个中间 API,使我们能够捕获或拦截对目标对象执行的所有操作,并修改此目标的运行方式。
- Chrome
在 Chrome 49 中流畅滚动
已经厌倦了滚动抖动的情况?太棒了,Chrome 49 将带全新流畅滚动功能,开箱即可使用!
- Chrome
使用 font-display 控制字体性能
@font-face 新增的 font-display 描述符可让开发者根据加载所需的时间,决定其网页字体的渲染(或回退)方式。
- Chrome
CSS 变量 - 为何应关注?
CSS 变量(更确切地说是 CSS 自定义属性)已在 Chrome 49 中推出。它们不仅有助于减少 CSS 中的重复,还有助于实现强大的运行时效果,如主题切换以及可能对未来的 CSS 功能进行扩展/填充。
WebRTC 现已支持 VP9
从桌面版和 Android 版 Chrome 48 开始,VP9 将成为使用 WebRTC 视频通话的可选视频编解码器。
- Chrome
使用 MediaRecorder 录制音频和视频
MediaRecorder API 可让您从 Web 应用中录制音频和视频。此功能目前可在 Firefox 以及 Android 版和桌面版 Chrome 中使用。
- Chrome
Chrome 中的通知操作 48
通过使用通知操作按钮,用户无需打开页面即可与您的网站互动
- Chrome
事件的高分辨率时间戳
借助 DOMHighResTimeStamp,以微秒级精度了解事件何时发生。
- Chrome
使用 网址SearchParams 轻松操控网址
使用 T网址SearchParams 轻松访问和处理网址查询字符串
- Chrome
Android 版 Chrome(适用于 Google Cast)
Android 版 Chrome 现在允许移动网站使用 Presentation API 和 Cast Web SDK 向 Google Cast 设备演示内容。
- Chrome
渐进式 Web 应用使用入门
了解如何开始构建渐进式 Web 应用
- Chrome
安全面板在 Chrome 开发者工具中首次亮相
详细了解 Chrome 开发者工具中的新 Security 面板。
- Chrome
后台同步简介
后台同步是一个新的 Web API,可让您推迟操作,直到用户连接稳定为止。这对于确保用户想要发送的任何内容都切实有用。
- Chrome
开发者工具摘要(CDS 版本):一窥未来和 RAIL 分析
了解开发者工具如何通过全新的简化版设备模式(始终开启)率先进军移动设备。使用颜色按钮快速向选择器添加颜色,并了解开发者工具即将推出哪些功能。
- Chrome
使用应用 Shell 架构即时加载 Web 应用
App Shell 架构是当今的一种构建渐进式 Web 应用的方法,能够充分利用一系列技术。
- Chrome
DevTools Digest - 高效的元素修改、Service Worker 调试和 Material Design 阴影
使用 DOM 面板的新上下文菜单来高效地修改节点。通过 Resources 面板直接调试 Service Worker。在颜色选择器中,从所有 Material Design 阴影中进行选择。更轻松地实现黑箱 JS 库。
- Chrome
网页动画资源
Web Animations API 的资源及更多资源
管理“轻触搜索”的触发操作
了解何时以及如何触发“轻触搜索”功能
- Chrome
Notification requestInteraction - 在桌面设备上提供更顺畅的通知用户体验
桌面设备上的通知会在一小段时间后自动关闭。
- Chrome
开发者工具摘要 - 标签页重新排序、控制台 on 2 和框架事件监听器
根据最适合您的方式对开发者工具标签页重新排序,并查看框架事件的准确绑定位置。
- Chrome
输入设备功能
一种更简单的方法,用于在没有 PointerEvents 的情况下合理化鼠标和触摸逻辑
- Chrome
从您的 Web 应用中选择摄像头、麦克风和扬声器
通过 MediaDevices 界面,用户可以访问浏览器的输入和输出设备,包括摄像头、麦克风和扬声器。
- Chrome
运行 JavaScript 代码段
代码段是您可以在 Chrome 开发者工具的“Sources”面板中制作和执行的小脚本。您可以从任何页面访问和运行这些代码。当您运行代码段时,它会从当前打开的网页的上下文执行。
- Chrome 开发者工具
EME 日志记录器扩展程序
EME Logger 是一个 Chrome 扩展程序,可以记录 Encrypted Media Extensions (EME) 事件和对开发者工具控制台的调用。
- Chrome
Service Worker Cache API 更新
Chrome 46 为缓存引入了新方法,Chrome 47 可能还有 48。音乐永不停息。
- Chrome
History API - 滚动恢复
更新了 History API,以防止难看的滚动跳跃。
- Chrome
在 Chrome 中舍弃标签页 - 节省内存的实验
减少 Chrome 的内存占用是该团队今年的首要任务之一。
- Chrome
推出包含 HPKP 报告功能的公钥固定功能
Chrome 46 附带一项称为 HPKP 报告功能的功能,该功能可帮助您为自己的网站采用更严格的 SSL 形式。
- Chrome
使用 Web 应用清单指定网站级主题颜色
在清单中设置主题颜色,并在从主屏幕启动时将它用于您网站上的所有网页。
- Chrome
比高级网络面板过滤器及其他几个过滤器
您知道吗?“网络”面板中的过滤器支持一些实用的自定义搜索标签。
- Chrome
在“样式”窗格中使用的简单键盘技巧
通过一些有用的键盘技巧了解如何有效地浏览样式窗格。
- Chrome
开发者工具摘要 - 汇总的时间轴详细信息、调色板等
了解哪些第三方脚本会导致时间轴中的汇总详情出现性能问题,以及如何选择与新调色板一致的颜色等。
- Chrome
新版本的 Material Design Lite - 1.0.4
Material Design Lite 推出了新版本,修复了大量 bug 并改进了构建流程。
- Chrome
在插件内容中使用海报图片
现在,Chrome 可以向对象元素添加自定义海报图片,以便提升 Flash 等插件的感知加载性能。
- Chrome
使用 requestIdleCallback
requestIdleCallback 是一个新的性能 API,用于在浏览器处于空闲状态时安排工作。
- Chrome
在控制台面板中使用的五个技巧
在控制台面板中使用的五个技巧
- Chrome
轻松复制 DOM 节点
您可以轻松更改 DOM,而无需将 HTML 修改为巨型字符串。
- Chrome
在控制台面板中修改 HTML
DOM 节点上下文菜单(您可以通过元素面板识别)也会显示在控制台面板中。
- Chrome
开发者工具的新家
我们已迁移到全新的位置,网址为 developers.google.com/web/tools/chrome-devtools,并为您提供了精彩的新教程和提示。
- Chrome
改进的 DOM 面包屑导航
您知道吗?元素面板中有面包屑导航路径。
- Chrome
在源代码中实时编辑 CSS
您知道吗?您可以在“来源”中实时编辑 CSS,让它实时更新页面。
- Chrome
开发者工具摘要 - 幻灯影片和一个新的节流空间
这是《开发者工具摘要》的首批更新内容,欢迎了解新的幻灯影片功能以及更多内容。
- Chrome
MediaStream 废弃
MediaStream API 表示同步的音频或视频流。即将弃用 MediaStream.ended、MediaStream.label 和 MediaStream.stop()。请改用 MediaStream.active、MediaStreamTrack.label 和 MediaStreamTrack.stop()。
- Chrome
通过 JavaScript 与蓝牙设备通信
Web Bluetooth API 允许网站与蓝牙设备通信。
将新的自定义设备添加为预设值
您是否经常模拟某个尺寸的设备?在开发者工具设备模式下,您可以添加新的设备预设。
- Chrome 开发者工具
- Chrome
在 Service Worker 中衡量性能
如果您无法衡量 Service Worker 中的请求性能,可以怎么说它改善了性能?现在,您可以通过 Chrome 中的近期更改回答这一问题。
- Chrome
使用 rotationAngle 和 touchRadius
我们针对 Chrome 45 做出了一小部分改进,让开发者能够更轻松地构建基于触摸且性能更优的应用。
- Chrome
Android 版 Chrome 的媒体播放通知
在网页上播放音频或视频时,通知托盘和锁定的屏幕上会显示包含网页标题和播放/暂停按钮的通知。通知可用于暂停/恢复播放或返回到播放媒体的页面。
- Chrome
检查和触发 CSS 媒体查询
Device Mode 内置了媒体查询检查器,可简化自适应设计。
- Chrome
用于选择下一条消息的快捷方式
在“Sources”面板编辑器中,您可以使用 Cmd + D 选择下一条消息。
- Chrome
在“Sources”面板中选择并执行代码块
使用快捷键 Ctrl + Shift + E 可在 Sources 面板中运行突出显示的代码块。
- Chrome
根据特定条件设置断点
设置断点时,您可以根据表达式的结果使其有条件的。
- Chrome
快速循环浏览开发者工具面板
您可以使用 Cmd+](或 Cmd+[)循环浏览开发者工具中的面板。
- Chrome
从控制台输出快速堆栈轨迹
您可以使用 console.trace() 快速轻松地获取堆栈轨迹,以便更好地了解代码执行流程。
- Chrome
谁负责检查检查器?
您知道吗?您可以使用开发者工具检查开发者工具。
- Chrome
在元素上触发伪类
您是否曾尝试调试 CSS 悬停效果,但未能将鼠标指针悬停在该元素上?具体方法如下。
- Chrome
具有可选文件范围的项目级搜索
了解在开发者工具中像专业人士一样搜索的秘密命令。
- Chrome
网络颜色组
了解哪些颜色与哪种资源类型匹配,以便轻松识别资源。
- Chrome
调试时以内嵌方式预览 JavaScript 值
了解如何在调试时在开发者工具中预览 JavaScript 变量的值。
- Chrome
通过“元素”面板快速修改/查看资源
通过“元素”面板快速修改/查看资源
- Chrome
event_rules
manifest.json 的 event_rules 属性的参考文档。
- Chrome 扩展程序
event_rules
manifest.json 的 event_rules 属性的参考文档。
- Chrome 扩展程序
音频媒体来源扩展
媒体源扩展 (MSE) 为 HTML5 音频和视频元素提供扩展的缓冲和播放控件。MSE 最初是为支持基于 HTTP (DASH) 的动态自适应流式传输的视频播放器而开发,但现在可用于音频,专门用于无间断播放。
- Chrome
在通知有变化时通知您
Chrome 44 中新增了两个 API,让您更轻松地使用“通知推送”并进行自定义设置。
- Chrome
在元素面板中显示
在控制台的“elements”面板中显示 DOM 节点。
- Chrome
快速编辑元素标记
您可以在元素面板中双击某个节点的起始标记名称以进行修改。
- Chrome
未完成的网络请求
您可以使用 Is:running 高级网络过滤器查看未完成的网络请求(例如正在运行的请求)。
- Chrome
加/减速编辑器
选择加/减速 CSS 属性,即可通过直观的动画预览了解其行为方式。
- Chrome
通过控制台面板快速监控事件
您可以使用 Command Line API 方法 monitoringEvents(对象 [, events]) 记录分派给对象的所有事件。
- Chrome
当前选择的 DOM 节点
了解快速控制台快捷方式,可获取当前选定的 DOM 节点。
- Chrome
使用键盘在调用堆栈中导航
如何使用键盘快捷键设置断点并在调用堆栈中导航。
- Chrome
复制图片作为数据 URI
右键点击 Resources 面板中的图片预览,以将其作为 Data URI(base 64 编码)复制。
- Chrome
查看匹配的选择器
当您在“样式”窗格中查看选择器时,以英文逗号分隔的选择器部分的颜色会有所不同,具体取决于它们是否与选定的 DOM 节点匹配。
- Chrome
按 Alt + 点击可展开所有子节点
Alt + 点击以展开所有子节点
- Chrome
- Chrome 开发者工具
对颜色选择器工具进行了一些界面和功能增强
开发者工具中的颜色选择器工具即将升级。 目前位于 Chrome Canary 版中
- Chrome
命令点击可在来源面板中添加多个光标
了解如何在开发者工具来源面板中进行多游标修改。
- Chrome
获取和调试事件监听器
使用这些控制台命令在开发者工具中获取和调试事件监听器。
- Chrome
在遇到任何异常时自动暂停
在开发者工具中,您可以在发生任何异常时自动暂停(这对未捕获的异常尤其有用)。
- Chrome
- Chrome 开发者工具
快速更改 CSS 值
使用键盘或鼠标滚轮快速更改 CSS 值
- Chrome
在 c网址 中重放网络请求
了解如何从命令行调试网络请求。
- Chrome
括号表示法的自动补全
您知道吗?您可以在“Sources”面板中自动填充括号表示法。
- Chrome
- Chrome 开发者工具
查看和更改 DOM 断点
如何使用开发者工具中的“Breakpoints”窗格查看和更改 DOM 断点。
- Chrome
将元素滚动到视口中
如果您要检查的元素不在视野范围内,可按以下步骤将其放入视口中。
- Chrome
触发伪类
了解如何触发伪类(如 :active)以正确调试您的 CSS。
- Chrome
“Network”面板中的幻灯影片
在页面加载期间直观地浏览“Network”面板并查看截取的屏幕截图
- Chrome
按 CSS 选择器搜索 DOM 树
通过 Elements 面板浏览 DOM 时,请尝试通过 CMD/Ctrl+F 按相应节点的 CSS 选择器搜索节点。
- Chrome
展开 CSS 简写属性
在“Styles”窗格中,您可以展开 CSS 简写属性(如 flex 或 padding),查看为您定义的全部属性。
- Chrome
端口转发
借助开发者工具端口转发,即使是本地主机网址也能在移动设备上运行。
- Chrome
输入时在出现 JS 错误时收到通知
如果您在控制台面板中遇到错误,请点击该错误以显示“Source”面板中的相应行,其中会弹出错误提示。
- Chrome
轻松记录时间轴
尝试从基座上取消停靠开发者工具,使记录按钮靠近您需要执行操作的页面部分
- Chrome
清单 - USB 打印机
有关 manifest.json 的 usb_printers 属性的参考文档。
转到特定列的行号
了解如何在“Sources”面板中跳转到特定行号。
- Chrome
轻松跳转到事件监听器
了解如何显示任何节点上的已注册事件监听器的函数定义。
- Chrome
采用硬件解码的高性能视频
硬件视频支持有助于对插件和 HTML5 视频进行高效解码。Flash 用户应从旧样式的 Video 切换到 StageVideo 对象。
- Chrome
细化的声明式亮点
查看确切的已执行语句并突出显示。
- Chrome
本地修改
通过本地修改,您可以查看(通过开发者工具)对特定源文件进行了哪些更改。
- Chrome
硬性重新加载
打开开发者工具后,点击并按住“重新加载”按钮可查看更多选项。
- Chrome
在编辑地点之间循环切换
光标位置历史记录会保留在“来源”面板中,这样您就可以使用 Alt(向后)或 Alt(向前)循环浏览之前编辑的位置
- Chrome
将网络资源的响应复制到剪贴板
除了复制网络资源的请求/响应标头之外,您还可以复制响应本身。
- Chrome
通过拖动执行列选择
您可以在“Sources”面板编辑器中选择列,只需按住 Alt 并拖动鼠标即可。
- Chrome
预定义的摘要
如何在任何网页上运行预定义的代码段。
- Chrome
快速修改元素标记
您可以在元素面板中双击某个节点的起始标记名称以进行修改。
- Chrome
复制图片作为数据 URI
右键点击 Resources 面板中的图片预览,以将其作为 Data URI(base 64 编码)复制。
- Chrome
在“元素”面板中显示
在控制台的“元素”面板中显示 DOM 节点。
- Chrome
查看匹配的选择器
当您在“样式”窗格中查看选择器时,以英文逗号分隔的选择器部分的颜色会有所不同,具体取决于它们是否与选定的 DOM 节点匹配。
- Chrome
通过控制台面板快速监控事件
您可以使用 Command Line API 方法 monitoringEvents(对象 [, events]) 记录分派给对象的所有事件。
- Chrome
命令点击可在来源面板中添加多个光标
了解如何在开发者工具来源面板中进行多游标修改。
- Chrome
按 Alt + 点击可展开所有子节点
Alt + 点击以展开所有子节点
- Chrome
- Chrome 开发者工具
使用键盘快捷键切换开发者工具基座状态
使用 Cmd + Shift + D 在最后两种最近使用的状态之间切换开发者工具基座状态。
- Chrome
使用键盘快捷键切换开发者工具基座状态
使用 Cmd + Shift + D 在最后两种最近使用的状态之间切换开发者工具基座状态。
- Chrome
未完成的网络请求
您可以使用 Is:running 高级网络过滤器查看未完成的网络请求(例如正在运行的请求)。
- Chrome
加/减速编辑器
选择加/减速 CSS 属性,即可通过直观的动画预览了解其行为方式。
- Chrome
针对移动设备自动大写
另一个让用户难以输入的文本将被移除。
- Chrome
剪切和复制命令
借助对剪切和复制命令的支持,您可以通过编程方式剪切所选文本,并将其复制到用户剪贴板。
- Chrome
模拟和测试其他浏览器
您的工作并不局限于确保您的网站在 Chrome 和 Android 上顺畅运行。尽管 Device Mode 可以模拟 iPhone 等一系列其他设备,我们仍鼓励您查看其他浏览器模拟解决方案。
- Chrome 开发者工具
远程调试 WebView
使用 Chrome 开发者工具在您的原生 Android 应用中调试 WebView。
- Chrome 开发者工具
远程调试 Android 设备
从 Windows、Mac 或 Linux 计算机远程调试 Android 设备上的实时内容。
- Chrome 开发者工具
查看网页资源
按框架、网域、类型或其他条件组织资源。
- Chrome 开发者工具
调试原始代码,而不是使用源代码映射进行部署
确保客户端代码便于阅读和调试,即使在您组合、缩减或编译代码后也是如此。
- Chrome 开发者工具
DOM 属性现在位于原型链上
Chrome 正在逐渐符合该规范。如果您正在使用 WebKit 逻辑进行属性传播,请检查您的网站
- Chrome
Console Utilities API 参考文档
Chrome DevTools 控制台中提供的便捷函数参考。
- Chrome 开发者工具
适用于 Web 的 Permissions API
Permissions API 让您能够在一个位置集中检查 API 的权限状态。
- Chrome
简化网页动画命名中的概念
为响应开发者的反馈,我们将重命名 Web Animations 的一些即将推出的功能。
- Chrome
开发者工具的新家
我们已搬迁到 developer.google.com/web 全新的闪亮之地,为您提供精彩的新教程和提示。
- Chrome
开发者工具时间轴 - 现在可以提供完整说明
我们升级了 Chrome DevTools 的 Timeline 面板,以便让开发者更深入地了解其网站的运行时性能。
- Chrome
开放 Web 上的推送通知
推送消息和通知在 Chrome 42 中推出。
- Chrome
管理 HTML5 离线存储
如何将数据客户端存储在 Chrome 应用中,以使其能够离线使用。
使用 Web 组件和 JSON-LD 创建语义网站
向您的组件添加 schema.org 标记,并使其便于搜索引擎进行搜索。
- Chrome
2014 年 Chrome 开发者峰会 - 使用 Polymer 构建一些应用
以 Polymer 的方式构建应用。
- Chrome
什么是虚拟视口?
虚拟视口将视口的布局和查看分开。
- Chrome
使用 ES6 模板字符串获取字面量
具有嵌入式表达式的模板字符串字面量。我们翘首以盼,翘首以盼。毫不夸张
- Chrome
使用 moveBefore() 在 DOM 更改期间保留状态
在 DOM 中移动节点,而不会丢失关键状态
- Chrome
image-rendering:像素化
国家像素化。Chrome 新功能 41
- Chrome
共享模块
如何在 Chrome 扩展程序之间共享代码。
- Chrome 扩展程序
共享模块
如何在 Chrome 扩展程序之间共享代码。
- Chrome 扩展程序
2014 年 Chrome 开发者峰会 - Polymer - 当前形势
Polymer Union 的状态。
- Chrome
原生应用安装提示
借助原生应用安装横幅,您无需离开浏览器,即可通过应用商店快速顺畅地在设备上安装您的原生应用。
- Chrome
原生消息传递
如何在 Chrome 应用中与原生应用互发消息。
Chrome 39 中的网络动画播放控件
了解网页动画播放
- Chrome
移动网络开发基础知识
简要介绍 Chrome 团队正在开展的一些工作,以帮助开发者开始进行 Web 开发并对自己的网站进行迭代。
- Chrome
需要开发者反馈 - Frame Timing API
我们正致力于开发全新的 API,帮助他们在实际环境中测量每秒帧数,但这需要您的反馈。
- Chrome
Android 版 Chrome 39 对主题颜色的支持
使用 theme-color 可设置 Chrome(Android 版)中的工具栏颜色。
- Chrome
第 7 步:发布应用
如何在 Chrome 应用商店中发布您的 Chrome 应用。
构建待办事项 Chrome 应用
此 Codelab 简介。
第 4 步:使用 WebView 打开外部链接
如何在 Chrome 应用中显示外部 Web 内容。
第 3 步:添加闹钟和通知
如何按指定的时间间隔唤醒 Chrome 应用并使用通知。
第 6 步:将待办事项导出到文件系统
如何从 Chrome 应用向文件系统写入数据。
第 2 步:导入现有 Web 应用
如何针对 Chrome 应用平台调整现有的 Web 应用。
第 5 步:从网络添加图片
如何使用 XHR 和 Object网址 向 Chrome 应用添加图片。
第 1 步:创建并运行 Chrome 应用
如何创建、安装、运行和调试基本的 Chrome 应用。
生成器 - 精细的图形部分
ES6 生成器探索。
- Chrome
在 Chrome 39 中发送信标数据
Chrome 39 实现了 Beacon API,支持在网页卸载事件期间发送小型异步 HTTP 请求。
- Chrome
使用精准触控功能实现精准手势
Chrome 中的 TouchEvents 已更改为返回浮点值(而非整数),以应对不同的屏幕密度。这样一来,在做出缓慢手势时,反馈便会更加详细。
- Chrome
使用 编码 API 更轻松地将 ArrayBuffer 转换为字符串
原生编码 API 提供了一种在原始二进制数据和 JavaScript 字符串之间进行转换的简单方法。
- Chrome
收集和迭代(ES6 方式)
Maps、Set 和 for...of 迭代是 ES6 功能,可以改变您处理数据集合的方式。
- Chrome
m36 中的网络音频变化
有关 Chrome 36 中的网络音频标准清理工作的说明
- Chrome
Chrome 37 Beta 版中提供的 dialog 元素
Chrome Beta 版现已开始支持使用元素
- Chrome
开发者工具摘要 - Chrome 35
Chrome 35 中开发者工具的更新
- Chrome
内容丰富的通知 API
如何向您的 Chrome 扩展程序用户显示通知。
- Chrome 扩展程序
使用 Notifications API
向 Chrome 扩展程序用户显示通知。
- Chrome 扩展程序
自动化网站性能衡量
使用 PSI 将 Web 性能指标纳入构建流程中。
- Chrome
Chrome Dev 可为 IndexedDB 提供 Blob 支持
期待已久的 Chrome 功能,IndexedDB 支持 Blob,Chrome 开发正式推出。
- Chrome
游戏引擎
为 Chrome 应用推荐使用的游戏引擎。
网络动画 - Chrome 36 中现已提供 element.animate()
Web Animations 定义了一个支持网络平台上的动画和同步的模型。element.animate() 是第一个登陆 Chrome 的部分。
- Chrome
更兼容、更流畅的触控
您和您的用户希望移动 Web 应用能够响应并流畅滚动至触摸屏幕。开发此类事件应该很简单,但遗憾的是,移动网络浏览器在滚动过程中如何响应触摸事件将作为实现细节记录在 [TouchEvent](https://www.w3.org/TR/touch-events/) 规范中。
- Chrome
使用 Apache Cordova 在移动设备上运行 Chrome 应用
有关如何使用 Apache Cordova 设置 Chrome 应用以在 Android 和 iOS 设备上运行的指南。
使用 Chrome 开发者工具调试异步 JavaScript
JavaScript 的一大独特之处在于,它能够通过回调函数异步运行。通过分配异步回调,您可以编写事件驱动型代码,但由于 JavaScript 并非以线性方式执行,因此跟踪 bug 会让人抓狂。 幸运的是,现在在 Chrome 开发者工具中,您可以查看异步 JavaScript 回调的 完整 调用堆栈! 在 DevTools 中启用异步调用堆栈功能后,您将能够深入了解 Web 应用在不同时间点的状态。遍历某些事件监听器、 setInterval 、 setTimeout 、
- Chrome
获取 CSS 网格
CSS 网格布局是一个新的 CSS3 模块,提供非常适合 Web 应用的新布局基元。
- Chrome
蓝牙
如何通过 Chrome 应用与蓝牙设备通信。
清单 - 蓝牙
manifest.json 的蓝牙属性的参考文档。
Chrome 33 Hosting 变更
有关从 Chrome 33 版开始的 Chrome 扩展程序的托管变化的详细信息。
- Chrome 扩展程序
常见问题解答
关于 Chrome 扩展程序的常见问题解答。
- Chrome 扩展程序
使用入门
有关如何创建 Chrome 扩展程序的分步说明。
- Chrome 扩展程序
提示和技巧
有关改进 WebView 应用的提示和技巧。
WebView 工作流程
本教程将教您如何使用 Yeoman、Gradle 和 Grunt 构建 Web 应用。
精美像素风格的 WebView
如何创建完美的 WebView 界面。
面向 Web 开发者的 WebView 应用
本教程将教您如何使用 Yeoman、Gradle 和 Grunt 构建 Web 应用。
教程:迁移到 Manifest V2
关于如何从 Manifest v1 迁移到 Manifest V2 的准则。
- Chrome 扩展程序
开发者工具摘要
Chrome 33 中开发者工具的更新
- Chrome
chrome.location
chrome.location API 的参考文档。
- Chrome 扩展程序
约曼每月摘要
关于约曼的优质文章、生成器和项目资讯的每月摘要。
- Chrome
覆盖 Chrome 设置
如何通过 Chrome 扩展程序覆盖 Chrome 设置。
- Chrome 扩展程序
覆盖 Chrome 设置
如何通过 Chrome 扩展程序覆盖 Chrome 设置。
- Chrome 扩展程序
Yo Polymer – 快速浏览网络组件工具
快速浏览 Web 组件、Polymer 及其前端工具。
- Chrome
发出语音的 Web 应用 - Speech Synthesis API 简介
Web Speech API 的合成功能简介。
- Chrome
Chrome 开发者峰会 - 平台摘要
平台
- Chrome
套接字
关于 manifest.json 的套接字属性的参考文档。
Chrome 开发者峰会 - 开放网络平台摘要
开放式网络平台的功能以前所未有的速度加速发展。在 Chrome 开发者峰会上,我们讨论了我们如何改进平台的 Blink、安全性和媒体功能。
- Chrome
Chrome 开发者峰会 - 性能摘要
性能至关重要
- Chrome
Chrome 开发者峰会 - Polymer 的声明式、封装式可重复使用组件
Polymer 是通往网络组件未来美好舞台的门户。在 Chrome 开发者峰会上详细了解网络组件和 Polymer
- Chrome
Chrome 开发者峰会 - 移动设备摘要
以下是 Chrome 开发者峰会系列报告中的第一篇。我们的工作侧重于移动和跨设备开发,因此我们以此开始。
- Chrome
约曼每月摘要
约曼社区定期撰写的文章、视频和演讲。
- Chrome
开发者工具摘要,2013 年 12 月
有关 Chrome 开发者工具变更的最新更新。
- Chrome
Blink 中的全新网络动画引擎可推动 CSS 动画和过渡
Web Animations 1.0 的实现版本 Blink 为 CSS 动画和过渡提供助力。
- Chrome
300 毫秒点按延迟,已消失
移动浏览器中的每次点击互动都会存在 300 毫秒的延迟,但在 Chrome 32 中,针对移动设备进行了优化的网站已不存在这种延迟!
- Chrome
开发者工具终端
从开发者工具中使用终端
- Chrome
代管式存储空间的清单
manifest.json 的 storage 属性的参考文档。
- Chrome 扩展程序
存储区域的清单
manifest.json 的 storage 属性的参考文档。
- Chrome 扩展程序
移动版 Chrome 开发者工具
抓屏和模拟
- Chrome
Chrome 开发者工具 11 月摘要
由于 Chrome 开发者工具速度飞快,因此我们想提醒您注意一些我们针对几个组件引入的新功能和改进。也就是说,我们将介绍一些界面更改、高分辨率 JS 分析以及新的 Workspace 功能。 CPU 性能分析 是一项非常实用的功能,可以帮助您了解 JavaScript 的运行效率。除了传统的配置文件视图之外,我们在今年夏天推出了 火焰图 ,直观地呈现了网页在一段时间内的 JavaScript 处理情况。它可用于轻松查看调用堆栈的深度以及各个函数的处理时长。
- Chrome
约曼每月摘要
约曼社区定期撰写的文章、视频和演讲。
- Chrome
前端开发自动化前景(幻灯片)
了解如何使用工作流自动化工具提高前端工作效率。
- Chrome
串行设备
如何通过 Chrome 应用与串行设备通信。
网络音频实时音频输入 - 现已推出 Android 版
Android 版 Chrome (v31.0.1650+) 刚刚开始支持通过 Web Audio API 输入音频。
- Chrome
Flexbox 布局不慢
好消息!新版 Flexbox 比旧版 Flexbox 快 2.3 倍
- Chrome
开发者工具的解答 - 请问是什么字体?
您有没有想过要实际使用哪种字体来渲染文本?Chrome 开发者工具揭示了所有变化,您也就此从头到尾寻找灵感。
- Chrome
dialog 元素 - 模态窗口化繁为简
您是否曾经创建自己的模态对话框?很快,您就不再需要如此;对话框会成为网络平台的一部分。
- Chrome
url_handlers
有关 manifest.json 的 url_handlers 属性的参考文档。
externally_connectable
manifest.json 的 external_connectable 属性参考文档。
- Chrome 扩展程序
externally_connectable
manifest.json 的 external_connectable 属性参考文档。
- Chrome 扩展程序
Analytics
如何将 Google Analytics(分析)集成到您的 Chrome 应用中。
Chrome 视频的 Alpha 透明度
WebM 刚刚增加了 Alpha 透明度,Chrome 31 已支持此功能。
- Chrome
Chrome 开发者工具变革 2013
随着 Web 应用的复杂性和功能不断增加,Chrome DevTools 也不断发展壮大。在 Paul Irish 在 2013 年 Google I/O 大会上发表的演讲“Chrome 开发者工具革命 2013”的回顾中,您可以了解将彻底改变 Web 应用构建和测试方式的最新功能。 如果您错过了 Paul 的演讲,可以点击上方观看(没关系,我们会等您),也可以直接跳转至功能精选: 这些功能已在 Chrome 28 中正式推出,现已在稳定更新渠道中提供。
- Chrome
sourceMapping网址 和 source网址 语法已更改
sourceMapping网址 和 source网址 语法已更改
- Chrome
清单 - 说明
manifest.json 的说明属性的参考文档。
- Chrome 扩展程序
清单 - 版本
manifest.json 的版本属性的参考文档。
- Chrome 扩展程序
Manifest V2 - 版本 [已弃用]
manifest.json 的版本属性的参考文档。
- Chrome 扩展程序
清单 - 首页网址
manifest.json 的 home_url 属性的参考文档。
- Chrome 扩展程序
清单 - Nacl 模块
manifest.json 的 nacl_modules 属性的参考文档。
- Chrome 扩展程序
清单 - 沙盒
manifest.json 的沙盒属性的参考文档。
- Chrome 扩展程序
清单 - 无痕模式
manifest.json 的无痕模式属性的参考文档。
- Chrome 扩展程序
清单 - 图标
manifest.json 的 Icon 属性的参考文档。
- Chrome 扩展程序
清单 - 默认语言区域
manifest.json 的 default_locale 属性的参考文档。
- Chrome 扩展程序
清单 - 要求
manifest.json 的要求属性的参考文档。
- Chrome 扩展程序
清单 - 默认语言区域
manifest.json 的 default_locale 属性的参考文档。
- Chrome 扩展程序
清单 - 网络可访问的资源
关于 manifest.json 的 web_accessibility_resources 属性的参考文档。
- Chrome 扩展程序
清单 - 已启用离线功能
关于 manifest.json 的 offline_enabled 属性的参考文档。
- Chrome 扩展程序
清单 - 说明
manifest.json 的说明属性的参考文档。
- Chrome 扩展程序
清单 - Chrome 最低版本
manifest.json 的 minimum_chrome_version 属性的参考文档。
- Chrome 扩展程序
清单 - 名称和简称
有关 manifest.json 的 name 和 short_name 属性的参考文档。
- Chrome 扩展程序
清单 - 网络可访问的资源
关于 manifest.json 的 web_accessibility_resources 属性的参考文档。
- Chrome 扩展程序
清单 - 无痕模式
manifest.json 的无痕模式属性的参考文档。
- Chrome 扩展程序
清单 - 图标
manifest.json 的 Icon 属性的参考文档。
- Chrome 扩展程序
清单 - 沙盒
manifest.json 的沙盒属性的参考文档。
- Chrome 扩展程序
清单版本
manifest.json 的 manifest_version 属性的参考文档。
- Chrome 扩展程序
清单 - 键
manifest.json 的关键属性的参考文档。
- Chrome 扩展程序
清单 - 名称
manifest.json 的 name 属性的参考文档。
- Chrome 扩展程序
清单 - short_name
manifest.json 的 short_name 属性的参考文档。
- Chrome 扩展程序
清单 - 首页网址
manifest.json 的 home_url 属性的参考文档。
- Chrome 扩展程序
清单 - 要求
manifest.json 的要求属性的参考文档。
- Chrome 扩展程序
清单 - 键
manifest.json 的关键属性的参考文档。
- Chrome 扩展程序
清单 - 文件处理程序
manifest.json 的 file_handlers 属性的参考文档。
清单 - 应用
有关 manifest.json 的 app 属性的参考文档。
自助服务终端应用
关于 manifest.json 的 Kiosk_enabled 属性的参考文档。
自定义过滤器(也称为 CSS 着色器)简介
自定义过滤器(也称为 CSS 着色器)简介
直观呈现 Shadow DOM 概念
直观呈现 Shadow DOM 概念
- Chrome
什么是扩展程序?
Chrome 扩展程序的用途以及扩展程序的开发方式。
- Chrome 扩展程序
WebRTC - RTCDataChannel 演示、API 变更... 以及 Chrome 与 Firefox 通信
WebRTC - RTCDataChannel 演示、API 变更... 以及 Chrome 与 Firefox 通信
- Chrome
移动 WebKit 浏览器即将推出 CSS 背景简写功能
移动 WebKit 浏览器即将推出 CSS 背景简写功能
- Chrome
语音驱动的 Web 应用 - Web Speech API 简介
语音驱动的 Web 应用 - Web Speech API 简介
- Chrome
使用 WebRTC 共享屏幕
使用 WebRTC 共享屏幕
- Chrome
画布驱动的背景图片
使用画布或 webgl 为 CSS 背景提供支持
- Chrome
WebRTC 支持 Firefox、Android 和 iOS
WebRTC 支持 Firefox、Android 和 iOS
- Chrome
使用 AngularJS 构建应用
关于使用 AngularJS 构建 Chrome 应用的指南。
内容安全政策 1.0 正式推出
内容安全政策 1.0 正式推出
- Chrome
使用 Object.observe 响应更改
使用 Object.observe 响应更改
- Chrome
使用 Sencha Ext JS 构建应用
如何使用 Sencha Ext JS 框架构建 Chrome 应用。
声明权限
manifest.json 中权限属性的有效值概览。
- Chrome 扩展程序
带有 CSS 着色器和 Google 地图的交互式地球仪
使用 CSS 着色器和 Google 地图的交互式地球仪
- Chrome
“activeTab”权限
如何在 Chrome 扩展程序中使用 activeTab 权限。
- Chrome 扩展程序
activeTab 权限
如何在 Chrome 扩展程序中使用 activeTab 权限。
- Chrome 扩展程序
什么是主题?
有关如何创建主题的指南。
- Chrome 扩展程序
清单文件格式
可在 Chrome 扩展程序中使用的 manifest.json 属性概览。
- Chrome 扩展程序
已启用实时网络音频输入
已启用实时网络音频输入
- Chrome
为用户提供选项
如何让用户自定义您的扩展程序。
- Chrome 扩展程序
架构概览
Chrome 扩展程序软件架构的简要说明。
- Chrome 扩展程序
调试扩展程序
有关调试 Chrome 扩展程序的说明。
- Chrome 扩展程序
OAuth2:使用 Google 对用户进行身份验证
有关如何构建通过 Google People API、Chrome Identity API 和 OAuth2 访问用户的 Google 通讯录的扩展程序的分步说明。
- Chrome 扩展程序
清单版本
manifest.json 的 manifest_version 属性,表示 Chrome 扩展程序所针对的清单规范版本。
- Chrome 扩展程序
跨源网络请求
在您的 Chrome 扩展程序中实现跨源网络请求。
- Chrome 扩展程序
消息传递
如何在扩展程序和内容脚本之间传递消息。
- Chrome 扩展程序
Chrome Web Store
如何在 Chrome 应用商店中托管您的扩展程序,并更新 Chrome 应用商店中托管的扩展程序。
- Chrome 扩展程序
本地化消息格式
关于 Chrome 扩展程序 messages.json 文件格式的参考文档。
- Chrome 扩展程序
什么是主题?
有关如何创建主题的指南。
- Chrome 扩展程序
在 Chrome 扩展程序中使用 eval
如何在 Chrome 扩展程序中使用 eval()。
- Chrome 扩展程序
OAuth 2.0:向 Google 验证用户身份
有关如何构建通过 Google People API、Chrome Identity API 和 OAuth2 访问用户的 Google 通讯录的扩展程序的分步说明。
- Chrome 扩展程序
调试扩展程序
有关如何调试 Chrome 扩展程序的分步说明。
- Chrome 扩展程序
声明权限并警告用户
如何实现权限以保护您的用户和扩展程序。
- Chrome 扩展程序
匹配模式
主机权限和内容脚本模式匹配的工作原理以及示例。
- Chrome 扩展程序
覆盖 Chrome 页面
如何在 Chrome 扩展程序中覆盖 Chrome 书签管理器、历史记录和“新标签页”页面。
- Chrome 扩展程序
清单文件格式
Chrome 扩展程序的 manifest.json 属性概览。
- Chrome 扩展程序
为用户提供选项
如何让用户自定义您的扩展程序。
- Chrome 扩展程序
替换 Chrome 网页
如何在 Chrome 扩展程序中覆盖 Chrome 书签管理器、历史记录和“新标签页”页面。
- Chrome 扩展程序
消息传递
如何在扩展程序和内容脚本之间传递消息。
- Chrome 扩展程序
教程:Google Analytics(分析)
分步说明如何使用 Google Analytics(分析)跟踪您的扩展程序的使用情况。
- Chrome 扩展程序
匹配模式
了解 Chrome 扩展程序中的网址匹配模式。
- Chrome 扩展程序
使用 Google Analytics(分析)4
介绍如何通过 Google Analytics(分析)4 跟踪扩展程序使用情况的分步说明。
- Chrome 扩展程序
在沙盒化 iframe 中使用 eval()
如何在 Chrome 扩展程序中使用 eval()。
- Chrome 扩展程序
扩展开发者工具
如何创建 Chrome 扩展程序,向 Chrome 开发者工具添加功能。
- Chrome 扩展程序
Web API
Chrome 应用可以使用可供网站使用的所有 API。
扩展程序开发概览
Chrome 扩展程序功能和组件概览。
- Chrome 扩展程序
USB 设备
如何通过 Chrome 应用与 USB 设备通信。
内容脚本
内容脚本的说明,以及如何在 Chrome 扩展程序中使用这些脚本。
- Chrome 扩展程序
网络通信
如何在 Chrome 应用中使用 TCP 和 UDP。
创建您的第一个应用
介绍如何创建基本 Chrome 应用的教程。
其他扩展程序分发选项
如何在 Chrome 应用商店之外分发 Chrome 扩展程序。
- Chrome 扩展程序
用户身份验证
如何在您的 Chrome 应用中对用户进行身份验证。
使用其他安装方法
如何使用偏好设置 JSON 或 Windows 注册表安装 Chrome 扩展程序。
- Chrome 扩展程序
外部内容
如何在 Chrome 应用中呈现外部内容。
内容脚本
内容脚本的说明,以及如何在 Chrome 扩展程序中使用这些脚本。
- Chrome 扩展程序
Chrome 应用生命周期
Chrome 应用生命周期概览。
自动更新
如何为 Chrome 应用启用自动更新功能。
使用 webKit 发送内容丰富的通知
如何在 Chrome 扩展程序中实现通知。
- Chrome 扩展程序
MVC 架构
模型视图控制器软件架构模型的概览。
离线优先
如何构建可离线使用的 Chrome 应用。
无障碍功能 (a11y)
如何使您的 Manifest V2 Chrome 扩展程序可供访问。
- Chrome 扩展程序
扩展开发者工具
如何创建 Chrome 扩展程序,为 Chrome 开发者工具添加功能。
- Chrome 扩展程序
Storage API
如何处理 Chrome 应用中的存储空间。
支持无障碍功能
如何使您的 Chrome 扩展程序可以访问。
- Chrome 扩展程序
清单版本
manifest.json 的 manifest_version 属性的参考文档。
使用后台脚本管理事件
如何通过 Chrome 扩展程序后台脚本响应浏览器触发器(事件)。
- Chrome 扩展程序
Chrome 应用架构
Chrome 应用软件架构概览。
内容安全政策
简要介绍 Chrome 应用的 CSP 以及如何遵守 CSP。
location:fixed 元素即将生效的叠放变更
location:fixed 元素即将出现堆叠更改
- Chrome
坚持您的着陆!位置 - 在 WebKit 中粘性着陆
坚持您的着陆!位置 - 在 WebKit 中粘性着陆
- Chrome
将输入 [type=file] 与 Filesystem API 集成
将输入 [type=file] 与 Filesystem API 集成
- Chrome
数毫秒还不够 - performance.now
数毫秒还不够 - performance.now
- Chrome
范围/颜色输入的数据列表提供一些默认选项
范围/颜色输入的数据列表提供一些默认选项
- Chrome
关于在 Google Chrome 中输入 [type=date] 的快速常见问题解答
关于在 Google Chrome 中输入 [type=date] 的快速常见问题解答
- Chrome
现在可以将文件夹拖放到 Chrome 上了
现在可以将文件夹拖放到 Chrome 上了
- Chrome
如何衡量浏览器图形性能
如何衡量浏览器图形性能。
- Chrome
已抵达!xhr.send(ArrayBufferViews)
已抵达!xhr.send(ArrayBufferViews)
- Chrome
利用 2D 画布中的 GPU 加速功能
利用 2D 画布中的 GPU 加速功能
- Chrome
使用 CSS 区域和 3D 转换编写可翻页书
使用 CSS 区域和 3D 转换编写可翻页书
- Chrome
内容安全政策
内容安全政策可显著降低现代浏览器中跨站脚本攻击的风险和影响。
如何将 ArrayBuffer 与字符串进行转换
如何将 ArrayBuffer 与字符串进行转换
- Chrome
不要构建 blob,而是构造 blob
File API 最近的规范更改包括新的 Blob 构造函数,这实质上使 BlobBuilder 无关紧要。
- Chrome
现在,Chrome 开发者工具中的 Websocket 帧检查功能
向 WebSocket 中通过网络传输的数据添加了检查功能
- Chrome
数据列表迁移到 Chrome Canary 版
通过使用 `datalist`,您的应用可以定义用户应从中选择的推荐结果列表。他们可以从列表中选择选项,也可以输入自由格式文本。
- Chrome
在 PHP 中处理 XHR2 文件上传
展示如何处理文件上传的服务器代码示例
- Chrome
requestAnimationFrame API - 精确到亚毫秒
equestAnimationFrame API 的部分内容即将发生变化
- Chrome
WebRTC Protothon
3 月 24 日,Google 举办了全球首届 WebRTC 开发者活动“WebRTC Protothon”。
- Chrome
DOM 性能大幅提升 - WebKit 的 innerHTML 速度加快了 240%
Chrome 工程师 Kentaro Hara 在 WebKit 中进行了七项代码优化,提高了 Safari (JavaScriptCore) 和 Chrome (V8) 的性能。
- Chrome
网络浏览器内部资源汇总
解释网络浏览器内部工作原理的大部分资源
- Chrome
使用 HTML5 FileSystem API 让整个网页离线
FileSystem API 可让您以程序化方式将文件和文件夹存储在本地(沙盒化)文件系统中,然后根据需要添加/更新/移除各个资源
- Chrome
JavaScript Source Maps 简介
您是否曾希望客户端代码在组合和缩减后仍能保持可读性,更重要的是,能否在性能不受影响的情况下进行调试?现在,您可以借助 源代码映射 的神奇力量来实现这一点。 源代码映射是一种将合并/缩减的文件映射回未构建状态的方法。如果您为生产环境构建应用,缩小和合并 JavaScript 文件时,还会生成包含原始文件相关信息的源映射。当您查询生成的 JavaScript 中的某行和某列号时,可以在源映射中进行查找,系统会返回原始位置。开发者工具(目前为 WebKit 每夜 build、Google Chrome
- Chrome
优化 JavaScript
JavaScript 的运行速度相对较快,但有时可能会运行得更快。详细了解如何优化 JavaScript 以提升性能。
- Chrome
新的实验性功能 - 限定范围的样式表
Chromium 最近实现了 HTML5 的一项新功能:限定范围的样式表
- Chrome
WebGL 和 Web Audio API 演示摘要
这些是我在过去几周内看到的一些很酷的 WebGL 和 Web Audio API 演示。
- Chrome
SwiftShader 为 Chrome 引入了软件 3D 渲染功能
SwiftShader 是 Chrome 18 中使用的一款 3D 渲染软件,可让您使用 CSS 3D 和 WebGL,甚至可以在已列入拒绝名单的 GPU 上使用。
- Chrome
使用变更观察器检测 DOM 更改
变更观察器简介。
- Chrome
让 Gmail 处理所有 mailto - 包含 registerProtocolHandler 的链接
有了 navigator.registerProtocolHandler() ,您可以将 Gmail 作为所有 mailto 链接的默认邮件客户端。
- Chrome
Chrome(Android 版)- 助力推广移动网站
Android 版 Chrome 浏览器(测试版)基于 Chromium 开放源代码项目,引入了 Chrome 开发者已经了解并喜爱的许多最新 HTML5 功能。
- Chrome
Pointer Lock API 在浏览器中引入 FPS 游戏
借助 Pointer Lock API,可以为网络编写合适的第一人称射击游戏。
- Chrome
HTML5 音频和 Web Audio API 是死党
通过 createMediaElementSource(),您可以将 HTML5 与 Web Audio API 的可视化、过滤和处理功能相结合。
- Chrome
去掉同步 XHR
请注意!XMLHttpRequest2 规范最近进行了更改,在设置了 XMLHttpRequest.responseType 时禁止发送同步请求。
- Chrome
网络音频常见问题解答
此快速更新旨在解决一些比较常见问题,让您畅享更愉快的 Web Audio API 体验。
- Chrome
视频播放器示例简介
视频播放器示例是一款采用与 60 Minutes 和 RedBull.tv 应用相同的架构构建的开源视频播放器 Web 应用。
- Chrome
WebKit 中的 CSS 滤镜效果登陆页面
Adobe 一直在努力将这项令人惊叹的技术引入 CSS。具体来说,我要介绍的是 WebKit 已经开始实现的 CSS 过滤器效果 1.0。
- Chrome
可转移的对象 - 闪电般的速度
借助可传输对象,数据从一个上下文传输到另一个上下文。它是零复制的,可以极大地提高向 worker 发送数据的性能。
- Chrome
尽可能在 WebGL 中使用中等精度
我们来自 Opera 的朋友们已在实际的 OpenGL ES 2.0 硬件上测试 WebGL。
- Chrome
利用 Chrome 开发者工具提升速度
使用 Chrome 中的开发者工具提高应用的速度
- Chrome
使用 MediaSource API 流式传输视频
MediaSource API 会扩展 `HTMLMediaElement`,以允许 JavaScript 生成用于播放的媒体流。
- Chrome
WebGL 演示摘要
这里是一些来自网上的精彩 WebGL 演示,展示了浏览器的功能。
- Chrome
应用缓存工具和自动生成器
应用缓存有助于您离线运行 Web 应用,显著缩短启动时间,并降低带宽费用。
- Chrome
在 IndexedDB 事务中定义范围
IndexedDB 是一项不断演变的网络标准,用于在浏览器中存储大量结构化数据。
- Chrome
让您的内容发挥最大作用 - Fullscreen API
Fullscreen API 可让 Web 应用通过 JavaScript 以编程方式指示网页上的任何内容进入浏览器的全屏查看模式
- Chrome
Chrome Canary 版中的 WebSocket 已更新至最新版本
WebSocket API 已升级为 Chrome Canary 版中的最新版本 (13)
- Chrome
及时了解对 HTML5 和浏览器的支持
实际使用这些功能可能并非易事,但前提是您不知道该从哪里入手。
- Chrome
使用 Three.js 体验骑行
我们看到越来越多开发者开发出新的 3D 演示,无论他们已经是 OpenGL 专家,还是刚开始体验它的新冒险者。
- Chrome
面向 HTML5 游戏开发者的全新游戏大会优惠券
在 New Game 上学习如何编写 HTML5 和 WebGL 游戏,这样我就不会完成 TPS 报告。
- Chrome
7 分钟视频 - JavaScript 控制台技巧和新的 DOM API
通过 Chrome DevTools 对 JavaScript 控制台进行升级。
- Chrome
工作器 ♥ ArrayBuffer
Chrome 13 和 FF5 支持向 Web Worker 发送“ArrayBuffer”(或类型化数组)/从 Web Worker 发送
- Chrome
新的 WebSocket 协议的不同之处
WebSocket 协议规范近期已更新,以解决之前的安全问题,并且大体稳定
- Chrome
在所有位置插入 AdjacentHTML
如何在 HTML 文档中插入内容
- Chrome
调试 Filesystem API
HTML5 文件系统是一个功能强大的 API。功能强大,复杂性也越高。随着复杂性的增加,在调试方面也会遇到更多困扰。
- Chrome
使用 File System API 还原至本地文件
如果您有 File 对象,则可以寻找并读取区块,而无需将整个文件读取到内存中。
- Chrome
HTML5 库/polyfill - 7 月中旬
越来越多的精彩库在各地不断涌现
- Chrome
不错过任何一帧 - 使用 Page Visibility API + HTML5 视频
Page Visibility API 可用于检查当前标签页是否可见。
- Chrome
宣布推出面向 HTML5 游戏开发者的 New Game 大会
欢迎参加我们将于 2011 年 11 月 1 日至 2 日在加利福尼亚州旧金山举行的 New Game。
- Chrome
在 WebGL 中使用跨网域图片
WebGL 规范进行了一项重要更新,介绍了如何跨网域请求图片。
- Chrome
HTML5 库 - 6 月底
最近涌现了一些令人兴奋的库。
- Chrome
Page Visibility API - 吸引大家的注意力了吗?
幸运的是,新增的 Page Visibility API 可让应用了解它是否可见。
- Chrome
HTML5 + Web Audio API 中的反向
借助 GWT、HTML5 和 Web Audio API 的强大功能,我们可以打造人人都爱的作弊代码 Contra 的开发者。
- Chrome
Chrome 开发者版中的 navigator.onLine
借助 HTML5 中的离线 API,我们可以找出不为用户带来完美的离线体验的理由。
- Chrome
欢迎访问 updates.html5rocks.com
为了更快地向开发者提供信息,我们构建了这个“HTML5 更新流”来突出显示值得分享的超酷内容
- Chrome
评估 Web 应用的速度
快速的 Web 应用才是成功的 Web 应用。作为开发者,您只有同时优化应用的实际性能和用户体验,才能完成工作。这不仅仅是确保用户获得出色体验的正确做法,还有一些非常实用且重要的业务原因需要您进行优化。Amazon 测量发现,每增加 100 毫秒的网站延迟时间,销售额就会下降 1%;Google 测量发现,每增加 0.5 秒的延迟时间,流量就会下降 20%( 参考文献 )。这些数据是真实的,对您的业务和 Web 应用有实际意义。 网页速度非常重要,Google 甚至专门投入了大量精力来
- Chrome
- Chrome 开发者工具
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Workbox
- Chrome 扩展程序
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Workbox
- Chrome 扩展程序
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Chrome 扩展程序
- Workbox
Policies
Extension policies
- Chrome 扩展程序
- Workbox
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Chrome 用户体验报告
- Workbox
LCP image subparts and RTT now available in CrUX
Learn about the change to the Chrome User Experience Report (CrUX changes) in the February 2025 release including LCP image subparts, LCP resource types, and RTT.
- Chrome
Dimensions
Technical documentation on CrUX dimensions.
- Workbox
- Chrome 用户体验报告
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
What is ChromeDriver?
ChromeDriver is a standalone server that implements the W3C WebDriver standard.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
chrome.pageCapture
Use the chrome.pageCapture API to save a tab as MHTML. MHTML is a standard format supported by most browsers. It encapsulates in a single file a page and all its resources (CSS files, images..). Note that for security reasons a MHTML file can only be
- Workbox
- Chrome 扩展程序
Chrome Web Store
Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall
- Chrome 扩展程序
- Workbox
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
chrome.declarativeWebRequest
Note: this API is deprecated. Check out the declarativeNetRequest API instead. Use the chrome.declarativeWebRequest API to intercept, block, or modify requests in-flight. It is significantly faster than the chrome.webRequest API because you can
- Chrome 扩展程序
- Workbox
chrome.offscreen
Use the offscreen API to create and manage offscreen documents. To use the Offscreen API, declare the "offscreen" permission in the extension manifest. For example: Service workers don't have DOM access, and many websites have content security
- Chrome 扩展程序
- Workbox
chrome.downloads
Use the chrome.downloads API to programmatically initiate, monitor, manipulate, and search for downloads. You must declare the "downloads" permission in the extension manifest to use this API. You can find simple examples of using the
- Chrome 扩展程序
- Workbox
chrome.platformKeys
Use the chrome.platformKeys API to access client certificates managed by the platform. If the user or policy grants the permission, an extension can use such a certficate in its custom authentication protocol. E.g. this allows usage of platform
- Workbox
- Chrome 扩展程序
chrome.systemLog
Use the chrome.systemLog API to record Chrome system logs from extensions. string Adds a new log record. MessageOptions The logging options. function optional The callback parameter looks like: Promise<void> Promises are supported in Manifest
- Workbox
- Chrome 扩展程序
chrome.webNavigation
Use the chrome.webNavigation API to receive notifications about the status of navigation requests in-flight. All chrome.webNavigation methods and events require you to declare the "webNavigation" permission in the extension manifest. For example: For
- Workbox
- Chrome 扩展程序
chrome.loginState
Use the chrome.loginState API to read and monitor the login state. "SIGNIN_PROFILE" Specifies that the extension is in the signin profile. "USER_PROFILE" Specifies that the extension is in the user profile. "UNKNOWN" Specifies that the session state
- Workbox
- Chrome 扩展程序
chrome.management
The chrome.management API provides ways to manage installed apps and extensions. You must declare the "management" permission in the extension manifest to use the management API. For example: management.getPermissionWarningsByManifest(),
- Workbox
- Chrome 扩展程序
chrome.identity
Use the chrome.identity API to get OAuth2 access tokens. string A unique identifier for the account. This ID will not change for the lifetime of the account. "SYNC" Specifies that Sync is enabled for the primary account. "ANY" Specifies the existence
- Chrome 扩展程序
- Workbox
chrome.notifications
Use the chrome.notifications API to create rich notifications using templates and show these notifications to users in the system tray. string optional Button icons not visible for Mac OS X users. string string Additional details about this item.
- Workbox
- Chrome 扩展程序
chrome.tts
Use the chrome.tts API to play synthesized text-to-speech (TTS). See also the related ttsEngine API, which allows an extension to implement a speech engine. Chrome provides this capability on Windows (using SAPI 5), Mac OS X, and ChromeOS,
- Chrome 扩展程序
- Workbox
chrome.input.ime
Use the chrome.input.ime API to implement a custom IME for Chrome OS. This allows your extension to handle keystrokes, set the composition, and manage the candidate window. You must declare the "input" permission in the extension manifest to use the
- Chrome 扩展程序
- Workbox
chrome.debugger
The chrome.debugger API serves as an alternate transport for Chrome's remote debugging protocol. Use chrome.debugger to attach to one or more tabs to instrument network interaction, debug JavaScript, mutate the DOM and CSS, and more. Use the Debuggee
- Chrome 扩展程序
- Workbox
chrome.documentScan
Use the chrome.documentScan API to discover and retrieve images from attached document scanners. The Document Scan API is designed to allow apps and extensions to view the content of paper documents on an attached document scanner. string Provides
- Chrome 扩展程序
- Workbox
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome to sync passkeys on Google Password Manager between desktop and Android
Chrome on desktop will soon be able to create passkeys in Google Password Manager (GPM) and synchronize them across those platforms in addition to Android.
- 通行密钥
- Chrome
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
chrome.devtools.performance
Use the chrome.devtools.performance API to listen to recording status updates in the Performance panel in DevTools. See DevTools APIs summary for general introduction to using Developer Tools APIs. The chrome.devtools.performance API allows
- Workbox
- Chrome 扩展程序
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Workbox
- Chromium
chrome.devtools.network
Use the chrome.devtools.network API to retrieve the information about network requests displayed by the Developer Tools in the Network panel. Network requests information is represented in the HTTP Archive format ( HAR ). The description of HAR is
- Workbox
- Chrome 扩展程序
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Chrome 扩展程序
- Workbox
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Chrome 扩展程序
- Workbox
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Chrome 扩展程序
- Workbox
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Chrome 扩展程序
- Workbox
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Workbox
- Chrome 扩展程序
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Chrome 扩展程序
- Workbox
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Workbox
- Chrome 扩展程序
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Chrome 用户体验报告
chrome.enterprise.hardwarePlatform
Use the chrome.enterprise.hardwarePlatform API to get the manufacturer and model of the hardware platform where the browser runs. Note: This API is only available to extensions installed by enterprise policy. string string Obtains the manufacturer
- Chrome 扩展程序
- Workbox
chrome.enterprise.deviceAttributes
Use the chrome.enterprise.deviceAttributes API to read device attributes. Note: This API is only available to extensions force-installed by enterprise policy. Fetches the administrator-annotated Location. If the current user is not affiliated or no
- Chrome 扩展程序
- Workbox
chrome.enterprise.networkingAttributes
Use the chrome.enterprise.networkingAttributes API to read information about your current network. Note: This API is only available to extensions force-installed by enterprise policy. string optional The device's local IPv4 address (undefined if not
- Chrome 扩展程序
- Workbox
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Chrome 扩展程序
- Workbox
Content filtering
An explanation of content filtering and how to approach it in your Chrome Extension.
- Chrome 扩展程序
- Workbox
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.tabCapture
Use the chrome.tabCapture API to interact with tab media streams. The chrome.tabCapture API lets you access a MediaStream containing video and audio of the current tab. It can only be called after the user invokes an extension, such as by clicking
- Chrome 扩展程序
- Workbox
chrome.desktopCapture
The Desktop Capture API captures the content of the screen, individual windows, or individual tabs. Enum used to define set of desktop media sources used in chooseDesktopMedia(). "screen" "window" "tab" "audio" Mirrors SelfCapturePreferenceEnum.
- Workbox
- Chrome 扩展程序
chrome.system.memory
The chrome.system.memory API. number The amount of available capacity, in bytes. number The total amount of physical memory capacity, in bytes. Get physical memory information. function optional The callback parameter looks like: MemoryInfo
- Workbox
- Chrome 扩展程序
chrome.instanceID
Use chrome.instanceID to access the Instance ID service. Resets the app instance identifier and revokes all tokens associated with it. function optional The callback parameter looks like: Promise<void> Promises are supported in Manifest V3 and
- Chrome 扩展程序
- Workbox
chrome.processes
Use the chrome.processes API to interact with the browser's processes. number The part of the cache that is utilized, in bytes. number The size of the cache, in bytes. number optional The most recent measurement of the process's CPU usage, expressed
- Workbox
- Chrome 扩展程序
chrome.power
Use the chrome.power API to override the system's power management features. Using this API, you can specify the Level to which power management is disabled. The "system" level keeps the system active, but allows the screen to be dimmed or turned
- Workbox
- Chrome 扩展程序
chrome.types
The chrome.types API contains type declarations for Chrome. The ChromeSetting type provides a common set of functions ( get(), set(), and clear() ) as well as an event publisher ( onChange ) for settings of the Chrome browser. The proxy
- Chrome 扩展程序
- Workbox
chrome.system.cpu
Use the system.cpu API to query CPU metadata. string The architecture name of the processors. string[] A set of feature codes indicating some of the processor's capabilities. The currently supported codes are "mmx", "sse", "sse2", "sse3", "ssse3",
- Workbox
- Chrome 扩展程序
chrome.gcm
Use chrome.gcm to enable apps and extensions to send and receive messages through Firebase Cloud Messaging (FCM). The maximum size (in bytes) of all key/value pairs in a message. 4096 Registers the application with FCM. The registration ID will be
- Workbox
- Chrome 扩展程序
chrome.vpnProvider
Use the chrome.vpnProvider API to implement a VPN client. Typical usage of chrome.vpnProvider is as follows: Create VPN configurations by calling createConfig(). A VPN configuration is a persistent entry shown to the user in a ChromeOS UI. The user
- Workbox
- Chrome 扩展程序
chrome.wallpaper
Use the chrome.wallpaper API to change the ChromeOS wallpaper. You must declare the "wallpaper" permission in the app's manifest to use the wallpaper API. For example: For example, to set the wallpaper as the image at https://example.com/a_file.png,
- Workbox
- Chrome 扩展程序
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Workbox
- Chrome 扩展程序
chrome.devtools.inspectedWindow
Use the chrome.devtools.inspectedWindow API to interact with the inspected window: obtain the tab ID for the inspected page, evaluate the code in the context of the inspected window, reload the page, or obtain the list of resources within the page.
- Chrome 扩展程序
- Workbox
chrome.proxy
Use the chrome.proxy API to manage Chrome's proxy settings. This API relies on the ChromeSetting prototype of the type API for getting and setting the proxy configuration. You must declare the "proxy" permission in the extension manifest to use the
- Workbox
- Chrome 扩展程序
chrome.system.storage
Use the chrome.system.storage API to query storage device information and be notified when a removable storage device is attached and detached. "success" The ejection command is successful -- the application can prompt the user to remove the device.
- Chrome 扩展程序
- Workbox
chrome.webAuthenticationProxy
The chrome.webAuthenticationProxy API lets remote desktop software running on a remote host intercept Web Authentication API (WebAuthn) requests in order to handle them on a local client. string The PublicKeyCredentialCreationOptions passed to
- Workbox
- Chrome 扩展程序
chrome.idle
Use the chrome.idle API to detect when the machine's idle state changes. You must declare the "idle" permission in your extension's manifest to use the idle API. For example: "active" "idle" "locked" Gets the time, in seconds, it takes until the
- Workbox
- Chrome 扩展程序
chrome.tabGroups
Use the chrome.tabGroups API to interact with the browser's tab grouping system. You can use this API to modify and rearrange tab groups in the browser. To group and ungroup tabs, or to query what tabs are in groups, use the chrome.tabs API. The
- Chrome 扩展程序
- Workbox
chrome.sessions
Use the chrome.sessions API to query and restore tabs and windows from a browsing session. string The name of the foreign device. Session [] A list of open window sessions for the foreign device, sorted from most recently to least recently modified
- Workbox
- Chrome 扩展程序
chrome.printerProvider
The chrome.printerProvider API exposes events used by print manager to query printers controlled by extensions, to query their capabilities and to submit print jobs to these printers. string optional Printer's human readable description. string
- Workbox
- Chrome 扩展程序
chrome.topSites
Use the chrome.topSites API to access the top sites (i.e. most visited sites) that are displayed on the new tab page. These do not include shortcuts customized by the user. You must declare the "topSites" permission in your extension's manifest to
- Chrome 扩展程序
- Workbox
chrome.search
Use the chrome.search API to search via the default provider. "CURRENT_TAB" Specifies that the search results display in the calling tab or the tab from the active browser. "NEW_TAB" Specifies that the search results display in a new tab.
- Chrome 扩展程序
- Workbox
chrome.scripting
Use the chrome.scripting API to execute script in different contexts. To use the chrome.scripting API, declare the "scripting" permission in the manifest plus the host permissions for the pages to inject scripts into. Use the "host_permissions" key
- Chrome 扩展程序
- Workbox
chrome.system.network
Use the chrome.system.network API. string The available IPv4/6 address. string The underlying name of the adapter. On *nix, this will typically be "eth0", "wlan0", etc. number The prefix length Retrieves information about local adapters on this
- Workbox
chrome.history
Use the chrome.history API to interact with the browser's record of visited pages. You can add, remove, and query for URLs in the browser's history. To override the history page with your own version, see Override Pages. To interact with the user's
- Chrome 扩展程序
- Workbox
chrome.hid
Use the chrome.hid API to interact with connected HID devices. This API provides access to HID operations from within the context of an app. Using this API, apps can function as drivers for hardware devices. Errors generated by this API are reported
- Workbox
chrome.fileSystemProvider
Use the chrome.fileSystemProvider API to create file systems, that can be accessible from the file manager on Chrome OS. You must declare the "fileSystemProvider" permission and section in the extension manifest to use the File System Provider API.
- Workbox
- Chrome 扩展程序
chrome.devtools.recorder
Use the chrome.devtools.recorder API to customize the Recorder panel in DevTools. devtools.recorder API is a preview feature that allows you to extend the Recorder panel in Chrome DevTools. See DevTools APIs summary for general introduction to using
- Workbox
- Chrome 扩展程序
chrome.fileSystem
Use the chrome.fileSystem API to create, read, navigate, and write to the user's local file system. With this API, Chrome Apps can read and write to a user-selected location. For example, a text editor app can use the API to read and write local
- Workbox
chrome.mediaGalleries
Use the chrome.mediaGalleries API to access media files (audio, images, video) from the user's local disks (with the user's consent). string boolean string Identifies the modified gallery. GalleryChangeType Type of change event. "contents_changed"
- Workbox
chrome.printingMetrics
Use the chrome.printingMetrics API to fetch data about printing usage. "BLACK_AND_WHITE" Specifies that black and white mode was used. "COLOR" Specifies that color mode was used. "ONE_SIDED" Specifies that one-sided printing was used.
- Workbox
- Chrome 扩展程序
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Chrome 扩展程序
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Workbox
- Chrome 扩展程序
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Workbox
- Chrome 扩展程序
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Chrome 扩展程序
- Workbox
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Workbox
- Chrome 扩展程序
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- Chrome 扩展程序
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
chrome.privacy
Use the chrome.privacy API to control usage of the features in Chrome that can affect a user's privacy. This API relies on the ChromeSetting prototype of the type API for getting and setting Chrome's configuration. You must declare the "privacy"
- Chrome 扩展程序
- Workbox
Extensions / How to
Solve common development tasks around Chrome extensions
- Workbox
- Chrome 扩展程序
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Workbox
- Chrome 扩展程序
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Chrome 扩展程序
- Workbox
Register your developer account
How to register as a Chrome Web Store developer.
- Workbox
- Chrome 扩展程序
Create a side panel
TBD
- Workbox
- Chrome 扩展程序
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Chrome 扩展程序
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Workbox
- Chrome 扩展程序
Overview of CrUX
Introduction to the CrUX dataset.
- Workbox
- Chrome 用户体验报告
Permissions
A list of permissions and user warnings available on the extensions platform.
- Workbox
- Chrome 扩展程序
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Chrome 扩展程序
- Workbox
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Real-time Updates in Extensions
Managing real-time updates in Extensions
- Workbox
- Chrome 扩展程序
Distribute your extension
How to host your Chrome extension.
- Chrome 扩展程序
- Workbox
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Chrome 扩展程序
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Workbox
- Chrome 扩展程序
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Chrome 扩展程序
User interface components
A catalog of user interface elements available in extensions.
- Workbox
- Chrome 扩展程序
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Chrome 扩展程序
- Workbox
Prepare your extension
Prepare your extension files.
- Chrome 扩展程序
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Chrome 扩展程序
- Workbox
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Workbox
- Chrome 扩展程序
Storage and cookies
Overview of how web storage APIs and cookies work in extensions.
- Workbox
- Chrome 扩展程序
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Workbox
- Chrome 扩展程序
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
Manifest V3 migration checklist
A quick reference for upgrading your extensions from Manifest V2 to Manifest V3.
- Chrome 扩展程序
- Workbox
Locations
Locations tab reference.
- Chrome 开发者工具
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Test service worker termination with Puppeteer
A guide explaining how to test service worker termination using Puppeteer.
- Chrome 扩展程序
- Workbox
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Workbox
- Chrome 扩展程序
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Chrome 扩展程序
- Workbox
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Workbox
- Chrome 扩展程序
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Chrome 扩展程序
- Workbox
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Chrome 扩展程序
- Workbox
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Chrome 扩展程序
- Workbox
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Chrome 扩展程序
- Workbox
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Workbox
- Chrome 扩展程序
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Workbox
- Chrome 扩展程序
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Workbox
- Chrome 扩展程序
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Chrome 扩展程序
- Workbox
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Chrome 扩展程序
- Workbox
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Chrome 扩展程序
- Workbox
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Chrome 扩展程序
- Workbox
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Chrome 扩展程序
- Workbox
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Workbox
- Chrome 扩展程序
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Workbox
- Chrome 扩展程序
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Workbox
- Chrome 扩展程序
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Chrome 扩展程序
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Chrome 扩展程序
- Workbox
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Workbox
- Chrome 扩展程序
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Workbox
- Chrome 扩展程序
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Workbox
- Chrome 扩展程序
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- Chrome 扩展程序
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Known issues when migrating to Manifest V3
Recently, we announced changes to the Manifest V2 deprecation timeline, and while we remain firmly committed to Manifest V3 we acknowledge there is more work to do on our part. We are committed to closing the following gaps before announcing a new
- Chrome 扩展程序
- Workbox
Signed Exchanges launched for desktop sites
Announcing Signed Exchanges support for Chromium browsers on desktop along with other recent feature launches.
- Chrome
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Workbox
- Chrome 扩展程序
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Chrome 扩展程序
- Workbox
Manifest V2 support timeline
Details of the Manifest V2 phase-out and end of life.
- Chrome 扩展程序
- Workbox
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Workbox
- Chrome 扩展程序
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Chrome 扩展程序
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Workbox
- Chrome 扩展程序
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Chrome 扩展程序
- Workbox
Enterprise publishing options
How to distribute extensions to enterprise users
- Chrome 扩展程序
- Workbox
Speeding up Google Chrome's release cycle
Later this year, we plan to shorten the release cycle and ship a new version of Google Chrome to the stable channel every four weeks, down from the current six-week cycle.
- Chrome
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Chrome 扩展程序
- Workbox
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Workbox
- Chrome 扩展程序
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Workbox
- Chrome 扩展程序
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Chrome 扩展程序
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Chrome 扩展程序
- Workbox
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Chrome 扩展程序
- Workbox
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Workbox
- Chrome 扩展程序
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Workbox
- Chrome 扩展程序
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Chrome 扩展程序
- Workbox
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Chrome 开发者工具
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Chrome 扩展程序
Branding Guidelines
Guidelines for use of Google trademarks.
- Workbox
- Chrome 扩展程序
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Enabling Strong Authentication with WebAuthn
Chrome 67 beta introduces the Web Authentication (WebAuthn) API, which allows browsers to interact with and manage public-key based credentials. This enables strong authentication using removable security keys and built-in platform authenticators such as fingerprint scanners.
- Workbox
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Workbox
- Chrome 扩展程序
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Chrome 扩展程序
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Chrome 扩展程序
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Workbox
- Chrome 开发者工具
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- Chrome 扩展程序
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Chrome 扩展程序
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Chrome 扩展程序
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Chrome 扩展程序
- Workbox
Profiling long paint times with DevTools' continuous painting mode
Profiling long paint times with DevTools' continuous painting mode
- Chrome
Cross-origin XMLHttpRequest
How to implement cross-origin XHR in your Chrome Extension.
- Chrome 扩展程序
- Workbox
Localization message formats
Reference documentation about the format of the messages.json file for Chrome Extensions.
- Workbox
- Chrome 扩展程序
Publish Your App
How to publish your Chrome App.
- Workbox
What Are Chrome Apps?
An overview of Chrome Apps and why you might want to build them.
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Introduction to Chrome Developer Tools, part one
Google Chrome is a rich and powerful web browser, pioneering what is possible for applications on the web. Google has worked hard to deliver a very fast, very stable, feature rich browsing experience for end users. Google has also ensured that
- Chrome