开始使用
欢迎开发 Chrome 扩展程序。探索构建和分发首个 Chrome 扩展程序所需的一切。
概览
什么是扩展程序?
Chrome 扩展程序可通过自定义界面、观察浏览器事件和修改网络来提升浏览体验。访问 Chrome 应用商店,查看更多示例,了解扩展程序的用途。
它们是如何构建的?
他们可以做什么?
扩展程序术语
Chrome 扩展程序由担任不同角色的组件组成。
清单
扩展程序的清单是唯一且必须具有特定文件名的必需文件:manifest.json。该文件还必须位于相应扩展程序的根目录下。该清单会记录重要元数据、定义资源、声明权限以及标识在后台和网页中运行的文件。
Service Worker
Service Worker 在后台运行并处理浏览器事件,例如移除书签或关闭标签页。它们无权访问 DOM,但针对这种使用情形,您可以将其与屏幕外文档结合起来。
内容脚本
内容脚本在网页环境中运行 JavaScript。
工具栏操作
在用户点击扩展程序工具栏图标或使用 Action API 显示弹出式窗口时,执行代码。
侧边面板
在浏览器的侧边栏中显示自定义界面。
DeclarativeNetRequest
拦截、屏蔽或修改网络请求。
发布到 Chrome 应用商店
如果您要自行构建扩展程序,请查看我们的入门教程。如果您要将应用发布到 Chrome 应用商店,需要先了解一些事项。
设计高质量的扩展程序
在选择要支持的功能时,请确保您的扩展程序只满足单一用途,而且用途明确且易于理解。
熟悉政策
在 Chrome 应用商店中分发的扩展程序必须遵守开发者计划政策。请浏览这些政策,确保您的扩展程序可以托管在 Chrome 应用商店中。
包含所有扩展程序逻辑
编写代码时,请记住,所有逻辑都必须包含在扩展软件包中。这意味着在运行时无法下载其他 JavaScript 代码。提高扩展程序的安全性提供了执行远程托管代码的替代方案。
教程
选择以下任一教程,开始您的扩展程序学习之旅。
您的第一个扩展程序
创建您的第一个 hello world 扩展程序,您将在这里熟悉扩展程序开发工作流。
在每个网页上运行脚本
了解如何自动向指定网站添加元素。
将脚本注入当前标签页中
了解如何通过点击工具栏图标来简化当前页面的样式。
创建标签页管理器
了解如何创建用于管理标签页的弹出式窗口。
使用 Service Worker 处理事件
了解如何创建和调试扩展 Service Worker。
调试扩展程序
了解如何在调试期间查找日志和错误消息。