Google Chrome 扩展中的 CSS 内容脚本问题

Question

我正在创建一个简单的 Chrome 扩展程序来阻止 "Google" logo image上Google homepage使用content script 。我按照内容脚本页面上的说明进行操作，但它似乎仍然不起作用。谁能发现我做错了什么吗？

---

编辑:我已经在其他网站上进行了测试，例如 flickr.com它工作完美。我还搜索了 Google 主页 CSS，但无法找出哪个 CSS 规则覆盖了我的 CSS。有任何想法吗？如何进行更强大的 CSS 注入(inject)，以便其他 CSS 无法覆盖我的？

---

ma​​nifest.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"
  }
}

blocker.css:

img {
    display: none !important;
}

Answer 1

你的代码对我有用。您使用的是直接美国版 Google，而不是国际版，对吧？

以防万一，请将您的匹配项更改为:

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

并更直接地瞄准 Logo 。这在大多数情况下都有效:

#hplogo {
    display: none !important;
}

---

---

要获得全面的国际 Google 支持，请将 list 的 content_scripts 部分更改为:

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

也可以根据需要使用 exclude_matches 和/或 exclude_globs。

---

---

如果仍然不起作用，请说明通常情况:

1. 准确网址
2. Chrome 版本
3. 操作系统
4. 其他扩展程序处于事件状态