翼度科技»论坛 编程开发 JavaScript 查看内容

Chrome扩展的核心:manifest 文件(上)

8

主题

8

帖子

24

积分

新手上路

Rank: 1

积分
24
大家好,我是dom哥。我正在写关于 Chrome 扩展开发的系列文章,感兴趣的可以点个小星星
Chrome 在全球浏览器市场份额独占 6 成,无论是对普通用户还是开发者,都是电脑里的必备利器。Chrome 无论是在性能还是 UI 交互方面都非常出色,而 Chrome 扩展则为开发者提供了接口,让开发者有能力自己编写代码使自己的 Chrome 更强大,更加定制化。
每个 Chrome 扩展项目的根目录中都必须有一个 manifest.json 文件,即清单文件。manifest 里会记录关于扩展的重要元数据、声明权限以及指定在网页和后台中运行的文件等等。
最简单的 Chrome 扩展项目

新建一个 crx-demo 目录,在里面新建一个 manifest.json 文件,目录结构如下:
  1. crx-demo
  2. └── manifest.json
复制代码
这就是一个最简单的 Chrome 扩展项目了!接下来就是不断丰富它的细节。
manifest 字段最小集

manifest 大约有 20 多个配置项,但大部分都是可选配置。必须的配置项有且仅有下面 3 个!
  1. {
  2.   "manifest_version": 3,
  3.   "name": "CRX Demo",
  4.   "version": "1.0.0"
  5. }
复制代码
是不是似曾相识,像不像前端项目里无人不知的 package.json 文件!
先不用追究每个字段的深层含义,这个稍后会逐个解释。接下来在 Chrome 里打开管理扩展程序 chrome://extensions/ 直接把 crx-demo 拽过来扔进去。或者你也可以 加载已解压的扩展程序

在扩展程序里就能看到这个扩展了
来源:https://www.cnblogs.com/iovec/p/manifest.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

举报 回复 使用道具