持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第1天,点击查看活动详情
相关简介
- 前言
谷歌插件其实就是谷歌浏览器的扩展程序,能在浏览器本身的基础上扩展出许多的其他功能,例如游戏、应用、主题定制等功能。俗话说得好:没有了插件程序,谷歌浏览器香味就只剩一半了。
- 介绍
谷歌插件可以从应用商店下载下载,基本上都是以.crx作为文件后缀名,这个文件其实就是一种专门用于谷歌浏览器的压缩包,解压之后就是所需要的html和js等资源文件了。
所以,要开发插件就得先了解它最基本的文件结构和它们在插件中发挥的作用,而其中最重要之一的就是清单manifest.json文件,这个文件可以说是一个入口文件,在这个文件里将配置许多的插件功能。
清单文件(manifest.json)
在谷歌插件中,必要的文件就是清单文件manifest.json文件,即使文件夹里面只有这么一个文件,也能安装成一个插件,例如完成一个最简单的HelloWorld插件:
在一个自定义的目录里面,新建一个hello文件夹,并且在该文件夹里面新建一个manifest.json文件,下面是一个最简单的清单文件配置例子:
{
"name": "HelloWorld",
"version": "0.0.1",
"description": "a demo plugin",
"manifest_version": 3
}
完成以上操作后,就已经编写好一个插件了,接下来就是考虑如何运行这个「Demo」了。现在,就尝试如何把这个插件安装到谷歌浏览器上面,来查看已经编写好的插件。
清单文件
manifest.json里面有着很多的配置项,这里只是配置了最简单的几个而已,并且大部分的组件都会通过该文件进行配置。
安装插件
首先,打开谷歌浏览器,找到右上方的3个点的图标点击打开(不确定是不是所有的谷歌浏览器都是3个点),可以看到会展开一组选项菜单,接着按照下图点击扩展程序选项。
点击扩展程序后,混进入扩展程序的一个管理界面,里面会显示已经安装的一系列插件和一些页面中的操作等。
此时,如果右上角「开发者模式」选项没有打开的话,请先打开。
接着,就可以着手安装插件了,安装的方法十分简单,就是把之前新建的hello文件夹拖入该页面。不出意外,一切顺利的话,就会发现插件列表多了一个新增的插件:
上面可以看到在manifest.json里面配置的插件信息:
- name:插件名称,这里为:HelloWorld
- version: 插件版本,这里为:0.0.1
- description: 插件描述,这里为:a demo plugin
至于没有manifest_version信息,是因为这是谷歌插件的一个字段,表示的是谷歌插件的当前版本,这里3就是表示用的是插件的V3版本(之前常用的应该是V2版本)。
之后,还可以在浏览器右上角展开插件列表,点击图钉把插件固定到浏览器的导航栏,这样的话就更方便我们调试以及使用了。
至此,就已经正式认识谷歌插件先生了:)