Chrome Extensions入门

What's it ？谷歌浏览器拓展？不就是插件嘛，就是这样一些小图标

对于一个前端开发人员来说，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"
        ]
    }
}

这个文件是最重要的