Google Chrome扩展中的CSS内容脚本问题
我正在创建一个简单的Chrome扩展,它使用。我按照内容脚本页面上的说明操作,但它似乎仍然不起作用。谁能看出我做错了什么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
编辑:我已经用其他类似的网站对其进行了测试,效果非常好。我还搜索了谷歌主页的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
铬版
操作系统
其他扩展处于活动状态
不,它是(大多数)版面上的图像标签。但是,它确实有idhplogo
@BrockAdams:i选中了google.co.in
和google.de
,这是主页Deutschland
的div标签注意,他的匹配对象是http://www.google.com/
,不是国际版本。对于更现代的布局,徽标是:
,但是CSS应该可以工作,不必担心,因为它会关闭id(似乎是常量)而不是标记类型。不,它是(大多数)布局上的图像标记。但是,它确实有idhplogo
@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)。谁和我在一起?