2

コンテンツ スクリプトを使用して、Google ホームページの「Google」ロゴ イメージをブロックする単純な Chrome 拡張機能を作成しています。content-script ページの指示に従いましたが、まだ機能していないようです。誰かが私が間違っていることを見つけることができますか?


編集: flickr.comなどの他の Web サイトでテストしたところ、完全に動作します。Google ホームページの CSS も検索しましたが、どの CSS ルールが自分の CSS を上書きしているのかわかりません。何か案は?他の CSS が私のものをオーバーライドできないように、より強力な CSS インジェクションを作成するにはどうすればよいですか?


manifest.json :

{
  "manifest_version": 2,
  "name": "Google Logo Blocker",
  "description": "This extension blocks the Google logo image.",
  "version": "1.0",

  "content_scripts": [
   {
     "matches": ["http://www.google.com/"],
     "css": ["blocker.css"]
   }
  ],

  "browser_action": {
    "default_icon": "icon.png"
  }
}

ブロッカー.css :

img {
    display: none !important;
}
4

2 に答える 2

3

あなたのコードは私のために働きます。国際版ではなく、ストレートのUSA Googleを使用していますよね?

念のため、次のように変更してくださいmatches

"matches": ["http://*.google.com/", "https://*.google.com/"],

そして、ロゴをより直接的にターゲティングします。これはほとんどの場合に機能します。

#hplogo {
    display: none !important;
}


完全な国際的なGoogleサポートを利用するにcontent_scriptsは、マニフェストの一部を次のように変更します。

"content_scripts": [ {
    "matches":          ["http://*/*", "https://*/*"],
    "include_globs":    ["http://*.google.*/*", "https://*.google.*/*"],
    "css":              ["blocker.css"]
} ],

オプションで、exclude_matchesおよび/または必要に応じて使用exclude_globsします。



それでも機能しない場合は、通常どおりに説明してください。

  1. 正確なURL
  2. Chromeバージョン
  3. OS
  4. アクティブな他の拡張機能
于 2013-01-19T05:31:50.240 に答える
1

<img>現代版ではタグ、海外版では背景画像付きのタグ <div>です。とにかく、違いは同じなid = hplogoので、これはあなたのために働くことができます.

クリックすると拡大画像が表示されます

ここに画像の説明を入力

使用する

#hplogo{
       display:none !important;
}

Google ロゴを削除します。

于 2013-01-19T05:24:44.170 に答える