2

我正在创建一个简单的 Chrome 扩展程序，它使用内容脚本阻止Google 主页上的“Google”徽标图像。我按照内容脚本页面上的说明进行操作，但它似乎仍然无法正常工作。谁能发现我做错了什么？

编辑：我已经用flickr.com等其他网站对其进行了测试，它运行良好。我还搜索了 Google 主页 CSS，但无法确定哪个 CSS 规则覆盖了我的 CSS。有任何想法吗？如何进行更强大的 CSS 注入，以便没有其他 CSS 可以覆盖我的？

清单.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

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

以防万一，将您的更改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. 确切网址
  2. 铬版
  3. 操作系统
  4. 其他扩展有效
于 2013-01-19T05:31:50.240 回答
1

它是 <img>现代版的<div>标签，是国际版的带有背景图像的标签。无论如何，它们具有相同的差异id = hplogo，因此这对您有用。

点击查看大图

在此处输入图像描述

采用

#hplogo{
       display:none !important;
}

它将删除谷歌徽标。

于 2013-01-19T05:24:44.170 回答