1.6.2 Google 浏览器扩展程序

1．扩展程序介绍

扩展程序是可以定制浏览体验的小型软件程序，用户无须深入研究浏览器的原生代码就可 以根据个人需要或偏好来定制 Chrome 的功能和行为。对于 Web 开发人员来说，只需学习如何 通过 Chrome 公开的一些 JavaScript API 向 Chrome 添加功能即可，这大大降低了学习成本。

扩展程序会被压缩成可供用户下载并安装的以.crx 结尾的安装包。与普通的 Web 应用程 序不同，扩展程序不依赖 Web 上的内容，开发者完成扩展程序的开发后，将其上传至 Chrome  Web Store 即可供特定用户使用。接下来，我们开发一个插件并在本地完成安装。步骤如下。

我们分别在google_demo 的dist 文件夹下创建icon 文件夹和index.html、index.js、manifest.json、 style.css 文件，如图 1-43 所示。这里重点讲解一下 manifest.json 文件。

在Chrome Web Store中，我们可以发布以下3种类型的项目：

• 应用程序（App）；

• 主题（Theme）；

• 扩展（Extension）程序。

这3种项目都需要一个名为manifest.json的清单，这是一个用于描述项目具体细节的JSON格式的文件。通常情况下，该文件的格式是固定的，但是当要解决一些重要的问题时也会做一些改变。对于开发人员来说，我们应该在清单中通过设置manifest_version字段的值来明确所使用清单规范的版本，如代码清单1-24所示。

代码清单 1-24

{
...,
"manifest_version": 2,
...}

2014 年 1 月，Chrome 停止加载或运行 manifest v1 版本的程序。截至 2020 年 1 月，manifest  v3 版本还没有发布，因此在我们的扩展程序中使用 manifest v2 是一个明智的选择。

后台脚本和许多其他重要组件必须在清单中注册，在清单中注册后台脚本会告诉扩展程序 要引用哪个文件及该文件的行为。我们查看清单中可以添加的字段摘要。

1）必要字段

必要字段包含当前扩展程序的版本信息、所使用清单文件的版本及扩展程序的名称，如代 码清单 1-25 所示。

代码清单1-25

{ 
"manifest_version": 2, 
"name": "My Extension", 
"version": "versionString"}

2）推荐字段

推荐字段包含当前扩展程序的图标、描述信息等，如代码清单1-26所示。

代码清单1-26

{ 
"default_locale": "en", 
"description": "A plain text description", 
"icons": {...} 
}

《智能前端技术与实践》——第1章 开发环境配置——1.6 使用 Google 浏览器——1.6.2 Google 浏览器扩展程序（中） https://developer.aliyun.com/article/1228438?groupCode=tech_library