Chrome扩展开发

前言

作者发现很多PC页面都没有做移动端转发的功能，有时候想在移动端阅读都要先在电脑上登录微信或者QQ转发到手机上面，一次两次还好，多了就觉得很不方便了，尤其是开发调试的时候。于是作者想到了开发一款浏览器插件简化一下上面的操作。

先上一下折腾出的成果 Github传送门:

正题

浏览器插件是一种小型的用于定制浏览器体验的程序。通过插件，我们可以定制js爬虫、屏蔽网页广告，网页实时查词，修改http请求头，等等，能做的东西很多。只要你会HTML，JavaScript，CSS就可以动手开发浏览器插件了。

1、创建manifest.json。任何插件都必须要有这个文件，用来描述插件的元数据，插件的配置信息。

{
    "name":"Qrcode",
    "description":"Url Qrcode Extension",
    "version":"1.0",// 版本version在打包完插件的时候，判断插件是否需要更新
    "manifest_version":2, 
	  "description":"当前页面的二维码",
    "browser_action":{// 浏览器右上角的图标
        "default_popup":"popup.html", // 弹出后运行的页面，相当于index.html
        "default_icon":"icon.png",
		"default_title":"生成页面二维码"
    },
	"icons":{ 
		"16":"icon.png",
		"48":"icon.png",
		"128":"icon.png"
    },
    "commands":{
        "_execute_browser_action":{
            "suggested_key":{ // 快捷键
                "default":"Ctrl+Shift+F",
                "mac":"MacCtrl+Shift+F"
            },
            "description":"Opens popup.html"
        }
    },
	"permissions": [ // 授权
        "background", 
        "tabs"
    ], 
    "background":{ // 后台运行
        "script":[
             "js/background.js" // 当前项目没有用到，因为不存在久驻后台的需求
         ]
    }
}