Chrome扩展CSS操作

Chrome扩展CSS操作,css,google-chrome,scripting,google-chrome-extension,Css,Google Chrome,Scripting,Google Chrome Extension,可能重复: 我一直在尝试做一个Chrome扩展,每次在标签中加载谷歌时,它的背景颜色都会变为黑色 我的manifest.json中包含以下内容: { "name": "Background to black", "manifest_version": 2, "version": "1.0", "description": "Google black", "permissions": ["tabs", "http://www.google.com/*"], "browse

可能重复:

我一直在尝试做一个Chrome扩展,每次在标签中加载谷歌时,它的背景颜色都会变为黑色

我的manifest.json中包含以下内容:

{
  "name": "Background to black",
  "manifest_version": 2,
  "version": "1.0",
  "description": "Google black",
  "permissions": ["tabs", "http://www.google.com/*"],
  "browser_action": {
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["backgroundtoblack.css"],
      "run_at": "document_start",
      "all_frames": true
    }
  ]
}
在我的背景toblack.css中:

body{
background: #000000;
}

但是,它对我不起作用,我不明白我做错了什么。

这不是清单文件,而是CSS文件。用这个替换你的CSS

html, body {
    background: #000000 !important;
}
扩展现在应该可以工作了。(在本地测试时工作)


注意:我必须稍微更改您的
匹配项,因为我在任何地方都使用HTTPS。如果Chrome默认使用HTTPS加载,您可能必须更改它。

只是一个旁注:已经有一些扩展可以做到这一点和更多(比如)。我很想自己学习如何做到这一点。不过还是谢谢你的链接。“谷歌的背景色”-你是说网页吗?这可能是因为Chrome默认使用HTTPS,所以你的规则是
”http://www.google.com/*“
与之不匹配。你能检查一下吗?仅更改css就可以了,谢谢。这是最棒的!重要的是,使差异或html,正文;还是两者兼而有之?