Javascript 如何创建将运行我的脚本的扩展

我如何创建一个Chrome扩展，它将向工具栏添加一个图标，当单击图标时，它将运行我的脚本：

function rewrite() {
janbm_showpass:var a = document.getElementsByTagName('input'); for (var i = 0; i < a.length; i++) { if (a[i].hasAttribute('type') && a[i].type === 'password') a[i].type = 'text'; } void 0
}

---

你可以使用这个框架，你的代码有一个额外的尾随逗号

manifest.json

*show_pass.js*

function rewrite() {
//Your stuff here
/*janbm_showpass:var a = document.getElementsByTagName('input'); 
for (var i = 0; i < a.length; i++) { 
    if (a[i].hasAttribute('type') && a[i].type === 'password') 
    a[i].type = 'text'; 
} void 0*/
}

chrome.browserAction.onClicked.addListener(function(tab) {
    console.log("Clicked....");
    rewrite();
});

函数重写（）{
//你的东西在这里
/*janbm_showpass:var a=document.getElementsByTagName（'input'）；
对于（var i=0；i

{
"name": "Show password",
"version": "1.0",
"manifest_version": 2,
"description": "The extension",
"browser_action": {

    "default_icon": "icon.png"

 }, 

"background": {

    "scripts": ["show_pass.js"]
}
}

function rewrite() {
//Your stuff here
/*janbm_showpass:var a = document.getElementsByTagName('input'); 
for (var i = 0; i < a.length; i++) { 
    if (a[i].hasAttribute('type') && a[i].type === 'password') 
    a[i].type = 'text'; 
} void 0*/
}

chrome.browserAction.onClicked.addListener(function(tab) {
    console.log("Clicked....");
    rewrite();
});