Question

可能重复：
My CSS is not getting injected through my content script

我一直在尝试制作Chrome扩展程序，以便每次将其加载到标签页时将Google的背景颜色更改为黑色。

我的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
    }
  ]
}

这在我的backgroundtoblack.css中：

body{
background: #000000;
}

然而它对我不起作用，我不明白我做错了什么。

Answer 1

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

html, body {
    background: #000000 !important;
}

扩展应该现在可以使用。（在本地测试时工作）。

注意：我必须稍微更改matches，因为我使用的是HTTPS Everywhere。如果Chrome默认使用HTTPS加载，则可能需要更改它。

Chrome扩展程序CSS操作

1 个答案: