What's it ?谷歌浏览器拓展?不就是插件嘛,就是这样一些小图标
chrome扩展程序
对于一个前端开发人员来说,chrome浏览器简直是神器,兼容性、调试性都是业界领头羊,最让码农们开心的还是其扩展性,程序猿们可以根据自己的需要手动开发扩展应用,当你用着自己开发的扩展程序时,不禁嘴角上扬,浏览器私人定制了有木有!闲话扯得有点多,进入正题,如何开发一个简单的chrome扩展程序呢?
必不可少的文件
- manifest.json
{
"name": "MockToYapi", // 扩展程序名称
"version": "1.0", // 扩展程序的版本
"manifest_version": 2, // manifest版本,必须是2
"content_scripts": [ // 主体文件
{
"matches": [ // 匹配规则
"http://www.baidu.com/*"
],
"js": [ // js文件路径
"js/FileSaver.js",
"js/content.js"
],
"css": [ // css文件路径
"css/index.css"
],
"run_at": "document_end" // 什么时候运行
}
],
"browser_action": { // 浏览器动作
"default_icon": "img/logo.png", // 显示在浏览器上的小图标,48*48
"default_title": "xxxx", // 鼠标悬浮在图标上时显示的文本内容
"default_popup": "html/popup.html" // popup页面
},
"background": { // 貌似是一个类似于这个扩展程序的全局环境,没用到,也没搞懂
"scripts": [
"js/background.js"
]
}
}
这个文件是最重要的