Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google Chrome扩展中的CSS内容脚本问题_Css_Google Chrome_Google Chrome Extension_Content Script - Fatal编程技术网

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

Google Chrome扩展中的CSS内容脚本问题,css,google-chrome,google-chrome-extension,content-script,Css,Google Chrome,Google Chrome Extension,Content Script,我正在创建一个简单的Chrome扩展,它使用。我按照内容脚本页面上的说明操作,但它似乎仍然不起作用。谁能看出我做错了什么 编辑:我已经用其他类似的网站对其进行了测试,效果非常好。我还搜索了谷歌主页的CSS,无法找出哪个CSS规则覆盖了我的CSS。有什么想法吗?我如何做一个更强大的CSS注入,以便没有其他CSS可以覆盖我的CSS manifest.json: { "manifest_version": 2, "name": "Google Logo Blocker", "descr

我正在创建一个简单的Chrome扩展,它使用。我按照内容脚本页面上的说明操作,但它似乎仍然不起作用。谁能看出我做错了什么


编辑:我已经用其他类似的网站对其进行了测试,效果非常好。我还搜索了谷歌主页的CSS,无法找出哪个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"
  }
}
img {
    display: none !important;
}
拦截器.css

{
  "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"
  }
}
img {
    display: none !important;
}
它是

使用

它将删除google徽标。

它是

使用


它将删除谷歌徽标。

你的代码对我来说很有用。你用的是美国谷歌,不是国际版,对吧

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

"matches": ["http://*.google.com/", "https://*.google.com/"],
并更直接地瞄准标志。这在大多数情况下都有效:

#hplogo {
    display: none !important;
}


要获得全方位的国际Google支持,请将清单中的
content\u脚本部分更改为:

"content_scripts": [ {
    "matches":          ["http://*/*", "https://*/*"],
    "include_globs":    ["http://*.google.*/*", "https://*.google.*/*"],
    "css":              ["blocker.css"]
} ],
也可以根据需要使用
exclude\u匹配项和/或
exclude\u globs



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

  • 精确的URL
  • 铬版
  • 操作系统
  • 其他扩展处于活动状态

  • 你的代码对我有用。你用的是美国谷歌,不是国际版,对吧

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

    "matches": ["http://*.google.com/", "https://*.google.com/"],
    
    并更直接地瞄准标志。这在大多数情况下都有效:

    #hplogo {
        display: none !important;
    }
    


    要获得全方位的国际Google支持,请将清单中的
    content\u脚本部分更改为:

    "content_scripts": [ {
        "matches":          ["http://*/*", "https://*/*"],
        "include_globs":    ["http://*.google.*/*", "https://*.google.*/*"],
        "css":              ["blocker.css"]
    } ],
    
    也可以根据需要使用
    exclude\u匹配项和/或
    exclude\u globs



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

  • 精确的URL
  • 铬版
  • 操作系统
  • 其他扩展处于活动状态

  • 不,它是(大多数)版面上的图像标签。但是,它确实有id
    hplogo
    @BrockAdams:i选中了
    google.co.in
    google.de
    ,这是主页
    Deutschland
    的div标签注意,他的匹配对象是
    http://www.google.com/
    ,不是国际版本。对于更现代的布局,徽标是:
    ,但是CSS应该可以工作,不必担心,因为它会关闭id(似乎是常量)而不是标记类型。不,它是(大多数)布局上的图像标记。但是,它确实有id
    hplogo
    @BrockAdams:i选中了
    google.co.in
    google.de
    ,这是主页
    Deutschland
    的div标签注意,他的匹配对象是
    http://www.google.com/
    ,不是国际版本。对于更现代的布局,logo是:
    ,但是你的CSS应该可以工作,不必担心,因为它不符合id(似乎是常量)而不是标记类型。你能给出一个截图吗?你能给出一个截图吗?尽管你解决了这个问题,但重要的是要强调谷歌会将你重定向到你的本地域。例如,如果我点击
    http://google.com
    ,它重定向
    https://google.co.in
    @juzerali,没错,我在答案中添加了更多的i18n。不过,OP的个人资料显示他在美国。@BrockAdams:
    “http://*.google.*/*”
    域在匹配模式中不受支持,请检查@Sudarshan,它们不在匹配模式中,它们在
    include\u globs
    中,它们在那里工作。看看或者试试看。我觉得这不再适用于最新版本的Chrome(例如25.x)。谁和我在一起?尽管你提到了这个问题,但重要的是要强调谷歌会将你重定向到你的本地域名。例如,如果我点击
    http://google.com
    ,它重定向
    https://google.co.in
    @juzerali,没错,我在答案中添加了更多的i18n。不过,OP的个人资料显示他在美国。@BrockAdams:
    “http://*.google.*/*”
    域在匹配模式中不受支持,请检查@Sudarshan,它们不在匹配模式中,它们在
    include\u globs
    中,它们在那里工作。看看或者试试看。我觉得这不再适用于最新版本的Chrome(例如25.x)。谁和我在一起?