chrome扩展插件开发入门

  1. chrome扩展程序介绍
      一个应用（扩展）其实是压缩在一起的一组文件，包括HTML，CSS，Javascript脚本，图片文件，还有其它任何需要的文件。 应用（扩展）本质上来说就是web页面，它们可以使用所有的浏览器提供的API，从XMLHttpRequest到JSON到HTML5全都有。

  2. 建立扩展目录
    每个扩展（extension）都应该包含下面的文件：
      a. 一个manifest文件
      b. 一个或多个html文件
      c. 可选的一个或多个javascript文件
      d. 可选的任何需要的其他文件，例如图片
      e. 扩展程序图标icon

  3. manifest.json

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
        "name": "清除页面广告",
        "version": "2.0",
        "manifest_version": 2,
        "description": "简易制作的清除页面广告的chrome扩展程序",
        "permissions": [
            "http://*/"
        ],
        "icons": {
            "16": "icon-16-coco.png",
            "128": "icon-128-coco.png"
        },
        "browser_action": {
            "default_icon": "icon-16-coco.png",
            "default_popup": "popup.html"
        },
        "content_scripts": [{
            "matches": ["http://*/", "https://*/", "http://*/*", "https://*/*"],
            "js": ["js/jquery-1.10.1.min.js", "js/my-del-ad-script.js"]
        }]
    }