欢迎开发 Chrome 扩展程序。探索构建和分发首个 Chrome 扩展程序所需的一切。

概览

Chrome 扩展程序可通过自定义界面、观察浏览器事件和修改网络来提升浏览体验。访问 Chrome 应用商店,查看更多示例,了解扩展程序的用途。
您可以使用与创建 Web 应用相同的 Web 技术来构建扩展程序:HTMLCSSJavaScript
除了 Web API 之外,扩展程序还可以利用 Chrome Extension API 完成不同的任务。如需详细了解概览,请参阅开发指南

扩展程序术语

Chrome 扩展程序由担任不同角色的组件组成。
扩展程序的清单是唯一且必须具有特定文件名的必需文件:manifest.json。该文件还必须位于相应扩展程序的根目录下。该清单会记录重要元数据、定义资源、声明权限以及标识在后台和网页中运行的文件。
Service Worker 在后台运行并处理浏览器事件,例如移除书签或关闭标签页。它们无权访问 DOM,但针对这种使用情形,您可以将其与屏幕外文档结合起来。
内容脚本在网页环境中运行 JavaScript。
在用户点击扩展程序工具栏图标或使用 Action API 显示弹出式窗口时,执行代码。
在浏览器的侧边栏中显示自定义界面。
拦截、屏蔽或修改网络请求。

发布到 Chrome 应用商店

如果您要自行构建扩展程序,请查看我们的入门教程。如果您要将应用发布到 Chrome 应用商店,需要先了解一些事项。
在选择要支持的功能时,请确保您的扩展程序只满足单一用途,而且用途明确且易于理解。
在 Chrome 应用商店中分发的扩展程序必须遵守开发者计划政策。请浏览这些政策,确保您的扩展程序可以托管在 Chrome 应用商店中。
编写代码时,请记住,所有逻辑都必须包含在扩展软件包中。这意味着在运行时无法下载其他 JavaScript 代码。提高扩展程序的安全性提供了执行远程托管代码的替代方案。

教程

选择以下任一教程,开始您的扩展程序学习之旅。
创建您的第一个 hello world 扩展程序,您将在这里熟悉扩展程序开发工作流。
了解如何自动向指定网站添加元素。
了解如何通过点击工具栏图标来简化当前页面的样式。
了解如何创建用于管理标签页的弹出式窗口。
了解如何创建和调试扩展 Service Worker。
了解如何在调试期间查找日志和错误消息。