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,正文;还是两者兼而有之?