0

http://developer.chrome.com/extensions/samples.html 2 番目のサンプル「ページ
を赤くするアイコンのないブラウザ アクション」

で、3 つのファイル (マニフェスト、js、アイコン) をダウンロードし、拡張機能のサンプルをインストールしました。 .

実行すると、バーにパズル アイコンが表示され、1 秒ごとに増加するバッジが表示されます。
アイコンをクリックした
とき - 何もない ページをクリックしたとき - 何
もない 提供されたアイコンがどこでも使用されていることもわかりません。

これがコードの問題なのか、使用上の問題なのかわかりません。

マニフェスト.json:

{
  "name": "A browser action with no icon that makes the page red",
  "version": "1.0",
  "background": { "scripts": ["background.js"] },
  "permissions": [
    "tabs", "http://*/*"
  ],
  "browser_action": {
    "name": "Make this page red",
    "icons": ["icon.png"]
  },
  "manifest_version": 2
}

background.js ファイル

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(
      null, {code:"document.body.style.background='red !important'"});
});

chrome.browserAction.setBadgeBackgroundColor({color:[0, 200, 0, 100]});

var i = 0;
window.setInterval(function() {
  chrome.browserAction.setBadgeText({text:String(i)});
  i++;
}, 10);
4

1 に答える 1

2

これはHow to make Google Chrome extension sample work?の複製です。

以下の私の答えを見てください：

サンプルの zip を開くと... backgrond.js が見つかります... 編集します。次の行を見つけます。

null, {code:"document.body.style.background='red !important'"});

「！重要」を削除します。したがって、次のように読む必要があります。

null, {code:"document.body.style.background='red'"});

それだ。拡張機能を保存してリロードするだけで機能します (ページに !important フラグがバックグラウンドに設定されていない限り)。

「!important」タグが機能しない理由はわかりませんが、拡張機能で機能させることはできませんでした。うまくいけば、ここの他の誰かが説明と回避策を提供できるでしょう。

于 2012-09-29T21:46:35.050 に答える