一、浏览器插件配置文件 manifest.json入门

每个浏览器插件都有一个 JSON 格式的文件，叫做 manifest.json，里面提供了插件的描述信息。
manifest.json 文件本质上是一个 json 文件，json 中的每一项代表一种配置。其中有些字段是每个插件都要有的配置，分别是：

1.1 name

name属性用于配置插件的名字

{name:"插件集"
}

1.2 version

用来配置插件的版本号，通常用 1 个到 4 个数字来表示，中间用点隔开，这些数字不能以 0 开头且必须在 0 到 65535 之间。

"version": "1.1"
"version": "3.0"
"version": "4.10.1"

version 字段也是版本自动更新的依据，浏览器会自动比较已经安装的插件版本和线上版本是否一样，如何线上版本高于已安装版本，插件将会从 update_url 配置的地址中重新拉取最新代码，从而达到自动更新的目的。

1.3 manifest_version

用整数表示 manifest 文件自身格式的版本号，从 Chrome 18 后必须指定版本号为 2。

{"manifest_version": 2
}

1.4 description

用于对插件的描述,不能超过 132 个字符

{description: "用于插件描述";
}

1.5 icons

配置插件的图标，支持 16×16、48×48、128×128 三种尺寸，格式最好是 png。

{"icons":{"16": "icon16.png","48": "icon48.png","128": "icon128.png"}
}

二、创建Manifest文件

文件夹目录

2.1 创建 Manifest.json文件

{"name": "demo","version": "1.0.0","manifest_version": 2,"description": "is demo", "icons": {"48": "./logo.png" },"browser_action": {"default_popup": "index.html"}
}

2.2 插件浏览页面

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>demo</title></head><body>demo</body>
</html>

三、打包该文件夹

注意：这里涉及到打包的操作建议大家在Linux环境下进行操作。
命令： zip -rqo <名称>.zip 文件夹名称

zip -rqo demo.zip demo

四、安装该文件夹

在谷歌浏览器输入：chrome://extensions/ 进入扩展程序安装界面

解压下载下来的压缩包 demo.zip

【Chrome浏览器插件开发】浏览器插件运行机制02之实战开发出一款Google浏览器插件——含源码全部过程 (建议在Linux环境下）相关推荐

【Chrome浏览器插件开发】浏览器插件运行机制03之实战使用Vue.js 3 + Vite 2开发出简易的浏览器插件(含源码）
文章目录知识点: 一.使用 vite 创建项目 1.1 环境搭建 1.2 安装vite工具 1.3 创建vite项目 1.4 进入项目并安装依赖 1.5 修改端口 1.6 运行项目二.创建项目资源 ...
linux如何运行java程序,Linux环境下运行简单java程序
一.安装java 1.下载jdk8 选择对应jdk版本下载.(Tips:可在Windows下载完成后,通过FTP或者SSH到发送到Linux上) 2. 登录Linux,切换到root用户 su roo ...
linux chrome 网页字体,Linux 环境下怎么使 Chrome 浏览器字体更漂亮
Linux 环境下如何使 Chrome 浏览器字体更漂亮 Windows 就免谈了,本身字体渲染技术 Cleartype 以及 DirectWrite 就稀烂得一塌糊涂.Mac 下面本来字体渲染就很好 ...
wps控件在springMVC和spring-boot搭建的项目中，客户端是Linux环境下，插件的保存方法无法请求后台的原因
一.原因: 1.wps插件的请求是跨域请求的方式,在linux环境下出于安全机制,不允许获取浏览器的session内容,所以wps插件的请求中就缺失了session信息,导致访问到后台根本没有反应. ...
Linux环境下开发板Tiny4412应用，实现交叉编译及minicom的调配，将代码编译后下载到开发板并运行
一.实验目的 1.熟悉Linux环境,学习使用命令行操控计算机系统,学会基础的ubuntu机器操作. 2.初步学习使用开发板Tiny4412,查看实验说明以及开发板说明书,学习基本使用步骤. 3.安装 ...
C#编写运行在Linux环境下的采用Mediainfo来获取多媒体文件信息的代码
C#编写运行在Linux环境下的采用Mediainfo来获取多媒体文件信息的代码原文:C#编写运行在Linux环境下的采用Mediainfo来获取多媒体文件信息的代码项目开始设计的是运行在wind ...
linux下运行hadoop,Linux环境下hadoop运行平台的搭建
1.hadoop版本认识截至目前(2012年12月23日),Apache Hadoop版本分为两代,我们将第一代Hadoop称为Hadoop 1.0,第二代Hadoop称为Hadoop 2.0.第一 ...
linux打包java jar_在linux环境下修改可运行jar包配置并重新打包
在linux环境下修改可运行jar包配置并重新打包步骤: 1)mkdir xxx 2)mv XXX.jar XXX 3)jar xvf XXX.jar 4)mv XXX.jar ../ 5)vi XX ...
在linux下运行qiime,科学网—QIIME2在Linux环境下使用遇到的问题 - 肖斌的博文
1)qiime demux summarize --i-data demux.qza --o-visualization demux.qzv出现如下报错信息解决方案2:由于个人是利用windows登 ...

【Chrome浏览器插件开发】浏览器插件运行机制02之实战开发出一款Google浏览器插件——含源码全部过程 (建议在Linux环境下）