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

Question

如何创建一个 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
}

它将星星变成文字。但问题是当点击图标时你是如何运行的。我不想创建任何弹出窗口和 html。

这是我的 manifest.json。好吗？

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

    "default_icon": "icon.png",

 }, 

"background": {

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

Answer 1

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

清单.json

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

    "default_icon": "icon.png"

 }, 

"background": {

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

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