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

文章目录

Chrome 拓展（Chrome Extension）是什么
为什么使用 Chrome 拓展？
- 个性化浏览体验
- 提高工作效率
- 改善隐私和安全
- 创新新功能
发展历史
- 2009 年：初版发布
- 2010 年：稳步增长
- 2013 年：Chrome App 和扩展合并
- 2014 年：Material Design 和更多 API
- 2016 年：Manifest V3 计划
- 2021 年：Manifest V3 正式发布
- 2022 年：持续发展
为什么选择 Chrome 拓展而不是其它浏览器拓展
- 用户基数大
- 开发文档和工具
- 跨浏览器支持
Chrome 拓展使用的开发技术
Chrome 拓展管理
- 查看
- 如何安装
- - Chrome应用商店安装
  - 开发者模式安装解压包
Chrome 拓展开发基本步骤
总结
个人简介

Chrome 拓展（Chrome Extension）是什么

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

在这里插入图片描述

为什么使用 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应用商店安装

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

开发者模式安装解压包

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

Chrome 拓展开发基本步骤

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

总结

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