0

ツールバーにアイコンを追加する 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"]
}
}
4

1 に答える 1

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();
});
于 2012-11-28T09:31:26.193 に答える