Chrome插件开发(一)
作为一个开发人员,我们在日常工作中肯定会用到 Chrome 浏览器,同时也会用到谷歌的一些插件,比如 Tampermonkey,AdBlock等,在之前的文章本人还用过 Tampermonkey 插件,好使又好玩,传送门
1 { 2 // 扩展名称 3 "name": "MyExtension", 4 5 // 版本。由1到4个整数构成。多个整数间用"."隔开 6 "version": "1.0", 7 8 // manifest文件版本号。Chrome18开始必须为2 9 "manifest_version": 2, 10 11 // 描述。132个字符以内 12 "description": ", 13 14 // 扩展图标。推荐大小16,48,128 15 "icons": { 16 "16": "image/icon-16.png", 17 "48": "image/icon-48.png", 18 "128": "image/icon-128.png" 19 }, 20 21 // 语言 22 "default_locale": "en", 23 24 // 地址栏右侧图标管理,含图标及弹出页面的设置等 25 // 建议至少保留一个设置,不然扩展图标是暗的 26 "browser_action": { 27 "default_icon": "image/icon-128.png", 28 "default_title": "My Message", 29 "default_popup": "html/browser.html" 30 }, 31 32 // 地址栏最后附加图标。含图标及行为等 33 "page_action": { 34 "default_icon": "image/icon-48.png", 35 "default_title": "My Test", 36 "default_popup": "html/page.html" 37 }, 38 39 // 主题,用于更改整个浏览器的外观 40 "theme": {}, 41 42 // 指定扩展需要跳转到的URL 43 "app": {}, 44 45 // 指定扩展进程的background运行环境及运行脚本 46 "background": { 47 "scripts": [ 48 "lib/jquery-3.3.1.min.js", 49 "js/background.js" 50 ], 51 "page":"html/background.html" 52 }, 53 54 // 替换页面 55 "chrome_url_overrides": { 56 "pageToOverride": "html/overrides.html" 57 }, 58 59 // 指定在web页面运行的脚本/插入的css及运行/插入时机 60 "content_scripts": [{ 61 "matches": ["https://www.baidu.com/*"], 62 "css": ["css/mystyles.css&qu