chrome 插件开发各种功能demo_Chrome扩展开发-编写一个浏览器插件

谷歌浏览器插件是一种小型的用于定制浏览器体验的程序。通过插件，可以自定义浏览器的一些行为来适应个人的需要，只要你会HTML，JavaScript，CSS就可以动手开发浏览器插件了。

开发谷歌浏览器插件，就相当于在谷歌浏览器的基础之上进行活动，站在巨人的肩膀上，操作很多东西都方便了一些。有了插件，我们可以定制js爬虫、屏蔽网页广告，网页实时查词，修改http请求头，等等，能做的东西很多。

配置文件

每个扩展都有一个JSON格式的mainifest文件，叫mainifest.json。

{     "manifest_version": 2, //固定的    "name": "Cissy's First Extension", //插件名称    "version": "1.0", //插件使用的版本    "description": "The first extension that CC made.", //插件的描述    "browser_action": { //插件加载后生成图标        "default_icon": "cc.gif",//图标的图片        "default_title": "Hello CC", //鼠标移到图标显示的文字         "default_popup": "popup.html" //单击图标执行的文件    },     "permissions": [ //允许插件访问的url        "http://*/",         "bookmarks",         "tabs",         "history"     ],     "background":{//background script即插件运行的环境        "page":"background.html"        // "scripts": ["js/jquery-1.9.1.min.js","js/background.js"]//数组.chrome会在扩展启动时自动创建一个包含所有指定脚本的页面    },      "content_scripts": [{  //对页面内容进行操作的脚本         "matches": ["http://*/*","https://*/*"],  //满足什么条件执行该插件          "js": ["js/jquery-1.9.1.min.js", "js/js.js"],            "run_at": "document_start",  //在document加载时执行该脚本    }] }注⚠️：Chrome不允许扩展中的html页面内直接内嵌js脚本，而要求所有的脚本都作为外部的src引入。

简单的浏览器插件基本文件组成

安装调试

设置 —>拓展程序—>加载已解压的拓展程序—>选择文件就行了，记得要打开开发者模式~~

原文链接：https://www.jianshu.com/p/51c650f98d9c + https://segmentfault.com/a/1190000006949838

生活总是不容易的，但生而为人，请善良、请开心 ---时光无法后退，生命只有一次。