Chrome 拓展开发系列：什么是 Chrome 拓展？

Chrome 拓展（Chrome Extension）是什么

• Chrome Extension 实际上就是大多数人所说的 Chrome 插件，但是从标准上来说 Chrome 插件是浏览器更底层的拓展功能开发，而我们使用的应该叫 Chrome 拓展（Chrome Extension）。
• Chrome 拓展是为 Chrome 浏览器设计和开发的小型软件程序，用于增强浏览器功能、改善用户体验，甚至提供全新的工具和服务。比如我们常用的广告屏蔽插件、网页图片资源、视频资源嗅探工具等等。

Chrome Extension

为什么使用 Chrome 拓展？

个性化浏览体验

• Chrome 拓展允许用户根据个人需求自定义浏览器功能，使其更符合个人使用习惯。

提高工作效率

• 通过集成各种工具和服务，Chrome 拓展有助于提高用户的工作效率，简化常见任务。

改善隐私和安全

• 一些拓展专注于提高隐私保护和浏览安全性，例如广告拦截器、密码管理器等。

创新新功能

• 开发者可以通过拓展引入新的功能，这有助于推动浏览器技术的创新。

发展历史

2009 年：初版发布

• 2009 年 12 月，Google Chrome Web Store 推出，允许开发者上传和分发 Chrome 拓展。这一举措标志着 Chrome 拓展正式进入开发者社区。

2010 年：稳步增长

• 随着 Chrome 浏览器用户基数的增加，Chrome 拓展开始受到更多关注。开发者社区逐渐蓬勃发展，发布了许多实用的拓展，包括广告拦截器、界面增强工具等。、

2013 年：Chrome App 和扩展合并

• Google 在 Chrome 29 版本中将 Chrome App 和扩展进行了合并，将两者整合为 Chrome Apps 和 Extensions。这一变化使得 Chrome Apps 和 Extensions 共享相似的开发模型，并能够在 Chrome Web Store 上获得更多曝光。

2014 年：Material Design 和更多 API

• Chrome 拓展开始采用 Material Design 风格，与 Chrome 浏览器整体风格保持一致。此外，Chrome 拓展 API 继续增加，使得开发者可以更深入地与浏览器进行交互。

2016 年：Manifest V3 计划

• Google 宣布推出 Manifest V3 计划，这是 Chrome 拓展开发的一项重大变革。Manifest V3 将引入一些新的安全性和性能改进，同时引发了一些开发者和社区的讨论。

2021 年：Manifest V3 正式发布

• Chrome 88 中的 Manifest V3 正式发布，带来了一系列的变化，包括对后台页面、权限模型和事件系统的改进。这使得 Chrome 拓展更加安全、高效，同时也需要开发者对现有代码进行调整。

2022 年：持续发展

注：2024年 Manifest V2 将会被逐步弃用
We will begin disabling Manifest V2 extensions in pre-stable versions of Chrome (Dev, Canary, and Beta) as early as June 2024, in Chrome 127 and later. 
https://developer.chrome.com/blog/resuming-the-transition-to-mv3/

为什么选择 Chrome 拓展而不是其它浏览器拓展

用户基数大

• Chrome 是全球最受欢迎的浏览器之一，拥有庞大的用户基数。通过创建 Chrome 扩展，你能够触达大量的用户，从而推广你的应用、服务或功能。

开发文档和工具

• Chrome 提供了丰富的开发文档和工具，使得创建扩展变得相对容易。Chrome 扩展使用 HTML、CSS 和 JavaScript 进行开发，这些都是熟悉且广泛使用的前端技术。

跨浏览器支持

• 除了Chrome浏览器之外，还可以运行在所有webkit内核的国产浏览器，比如360极速浏览器、360安全浏览器、搜狗浏览器、QQ浏览器等等。

Chrome 拓展使用的开发技术

• 主要使用 Web 技术开发。
• 除此之外，还可以配合C++编写的dll动态链接库实现一些更底层的功能(NPAPI)，比如全屏幕截图。

注：由于安全原因，Chrome浏览器42以上版本已经陆续不再支持NPAPI插件，取而代之的是更安全的PPAPI。

Chrome 拓展管理

查看

• Chrome 浏览器右上角菜单->扩展程序->管理拓展程序进入 插件管理页面，或者直接在地址栏输入 chrome://extensions 进入：

查看

Chrome Extension

如何安装

Chrome应用商店安装

• Chrome要求插件必须从它的Chrome应用商店安装。

开发者模式安装解压包

• 右上角打开开发者模式
• 解压.crx或其它压缩包文件，点击左上角加载已解压的拓展程序，导入刚才解压的文件夹即可

Chrome 拓展开发基本步骤

• 创建清单文件（manifest.json）： 包含拓展的基本信息、权限和功能声明。
• 编写 HTML、CSS 和 JavaScript： 开发拓展的前端部分，实现拓展的具体功能。
• 测试拓展： 在 Chrome 浏览器中加载和测试拓展，确保功能正常。
• 打包和分发： 将拓展打包为压缩文件，并通过 Chrome Web Store 进行分发。

总结

• Chrome 拓展作为浏览器生态系统中的重要组成部分，不仅为用户提供了丰富的个性化选择，也为开发者创造了创新和实用的工具。随着技术的不断发展，Chrome 拓展将继续在提升浏览器体验和推动创新方面发挥关键作用。
• 接下来一个月，我将更新Chrome 拓展开发系列文章：一文入门 Chrome 拓展开发（上）：组件篇；Chrome 拓展开发系列：一文入门 Chrome 拓展开发（下）：通信篇；Chrome 拓展开发实战：从0到1开发同平台账号切换拓展插件；和大家一起从0到1开发一款属于自己的浏览器拓展。

个人简介

👋 你好，我是 Lorin 洛林，一位 Java 后端技术开发者！座右铭：Technology has the power to make the world a better place.

🚀 我对技术的热情是我不断学习和分享的动力。我的博客是一个关于Java生态系统、后端开发和最新技术趋势的地方。

🧠 作为一个 Java 后端技术爱好者，我不仅热衷于探索语言的新特性和技术的深度，还热衷于分享我的见解和最佳实践。我相信知识的分享和社区合作可以帮助我们共同成长。

💡 在我的博客上，你将找到关于Java核心概念、JVM 底层技术、常用框架如Spring和Mybatis 、MySQL等数据库管理、RabbitMQ、Rocketmq等消息中间件、性能优化等内容的深入文章。我也将分享一些编程技巧和解决问题的方法，以帮助你更好地掌握Java编程。

🌐 我鼓励互动和建立社区，因此请留下你的问题、建议或主题请求，让我知道你感兴趣的内容。此外，我将分享最新的互联网和技术资讯，以确保你与技术世界的最新发展保持联系。我期待与你一起在技术之路上前进，一起探讨技术世界的无限可能性。

📖 保持关注我的博客，让我们共同追求技术卓越。

我正在参与2023腾讯技术创作特训营第四期有奖征文，快来和我瓜分大奖！