Chrome Extension 入门教程（一）概述

概述

Chrome Extension 直译是“谷歌浏览器扩展”（大多人习惯说“谷歌浏览器插件”），也就是给谷歌浏览器添加辅助功能。所用到的技术是web，包括html，css和js。同时，Chrome 也提供了丰富的api，方便扩展Chrome的功能。

基本组成

首先是要配置这个扩展的基本信息，对应的文件是manifest.json

点击扩展的图标，可以弹出一个临时的窗口 ，对应的模块是popup

除了临时的popup，还可以写常驻的后台脚本，对应的模块是background

也可以往网页注入自己的脚本，方便获取网页web的信息，对应的模块是contentscript

创建示例

1、新建一个文件夹：basedeom

2、文件夹内新建文件：manifest.json

3、manifest.json内容

{
	// manifest的版本
	"manifest_version":3,
	// 扩展的名字
	"name":"basedemo",
	// 扩展的版本
	"version" : "1.0.0",
	// 扩展的描述
	"description": "base demo"
}

4、chrome添加basedemo

4.1、输入：chrome://extensions

4.2、打开：开发者模式

4.3、点击：加载已解压的程序

5、选择文件夹basedeom

6、就可以看到我们的扩展了