欢迎开始学习 Chrome 扩展程序开发。了解开始构建和分发首个 Chrome 扩展程序所需的一切信息。

概览

Chrome 扩展程序可通过自定义界面、监控浏览器事件和修改网页来提升浏览体验。如需查看更多扩展程序功能示例,请访问 Chrome 应用商店
您可以使用创建 Web 应用时所用的 Web 技术构建扩展程序:HTMLCSSJavaScript
除了 Web API 之外,扩展程序还可以使用 Chrome 扩展程序 API 来执行不同的任务。如需更加详细的信息,请参阅开发指南

扩展程序术语

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

发布到 Chrome 应用商店

如果您要自行构建扩展程序,请参阅我们的使用入门教程。如果您想发布到 Chrome 应用商店,请先了解以下几点。
在选择要支持哪些功能时,请确保您的扩展程序具有明确定义且易于理解的单一用途
在 Chrome 网上应用店中分发的扩展程序必须遵守开发者计划政策。请查看以下政策,确保您的扩展程序可以托管在 Chrome 应用商店中。
编写代码时,请注意扩展程序软件包中必须包含所有逻辑。这意味着,在运行时不得下载任何其他 JavaScript 代码。提高扩展程序安全性提供了执行远程托管代码的替代方案。

教程

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