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

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

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

的的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"]
}
}

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