Chrome浏览器扩展程序
所谓浏览器扩展程序，就是在浏览器的基础上功能上添加一些常用的功能，使浏览器更加强大，并且给工作带来高效！使开发人员得心应手，让用户体验更好。如果你现在还不知道什么是Chrome扩展程序。那我就带你一起进入Chrome扩展程序的世界里进行遨游~
manifest.json文件
Chrome扩展程序必须包含一个maniest.json文件，这个文件的文件名固定为manifest.json。Chrome扩展的manifest.json必须包含 name、version 和 manifest_version 属性，目前来说manifest_version属性值只能为数字2，[ 对于Chrome应用来说，还必须包含app属性 ]。
manifest.json 内容详解1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72{
"name": "IDSC 工作助手",
"version": 1.0.1",
"manifest_version": 2
"description": "灵活可配、辅助审核、快捷操作、提能增效。",
"permissions": [
"desc": "扩展程序权限配置",
"declarativeContent",
"storage",
"contextMenus",
"webRequest",
"https://asn.qq.com/*",
"tabs",
"activeTab",
"notifications"
],
"background": {
"desc": "Chrome扩展后台常住页面,会一直常驻的后台JS或后台页面",
//"page": "background.html",
"scripts": [
"lib/jquery-3.3.1.js",
"config.js",
"backgroundCommon.js",
"background.js"
],
"persistent": true //需要时加载，在空闲时被关闭，什么叫被需要时呢？比如第一次安装、插件更新、有content-script向它发送消息，等等。
},
"options_page": "options.html", //Chrome40以前的写法
"options_ui": { //Chrome40以后的写法
"desc": "右击扩展图标，点击选项按钮",
"page": "options.html",
"open_in_tab": true, // 默认打开的样式，是否新建tabs窗口，true为新建窗口，false为新特性弹层
"chrome_style": true // 添加一些默认的样式，推荐使用
},
"browser_action": {
"default_title": "IDSC 工作助手",
"default_icon": {
"16": "images/16.png",
"32": "images/32.png",
"48": "images/48.png",
"128": "images/128.png"
},
"desc":"1.初始化默认展示login页面",
"default_popup": "login.html"
},
"icons": {
"16": "images/16.png",
"32": "images/32.png",
"48": "images/48.png",
"128": "images/128.png"
},
"content_scripts": [
{
"matches": ["https://publicboss.qq.com/*"],
"css": ["lib/bpoAssistant.css"],
"js": [
"lib/jquery-3.3.1.js",
"lib/jquery-ui-1.12.1/jquery-ui.js",
"contentFunctionalitySwitch.js",
"contentCommon.js",
"contentImageText.js"
],
"run_at": "document_end",
"all_frames": true
}
],
"web_accessible_resources": [
"images/error.jpg",
"login.html",
"login.js"
]
}