コンテンツ スクリプトを使用して、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;
}