Firefox 页面CSS未更改,什么不起作用?

Firefox 页面CSS未更改,什么不起作用?,firefox,testing,firefox-addon,Firefox,Testing,Firefox Addon,我正在通过Mozilla插件生成器构建firefox插件 我开始真正的基础,我想它没有比把google.com改成红色更简单的了。我让css更改了主体、html和div,并添加了重要内容,因此我可以确定,如果样式表显示,它将更改背景红色,并覆盖当前css 但是,当我激活它(通过安装插件的测试按钮)时,什么也没有发生。CSS不会被注入到页面中 以下是扩展的外观: 代码如下: main.js var data = require("sdk/self").data; var pageMod = r

我正在通过Mozilla插件生成器构建firefox插件

我开始真正的基础,我想它没有比把google.com改成红色更简单的了。我让css更改了主体、html和div,并添加了重要内容,因此我可以确定,如果样式表显示,它将更改背景红色,并覆盖当前css

但是,当我激活它(通过安装插件的测试按钮)时,什么也没有发生。CSS不会被注入到页面中

以下是扩展的外观:

代码如下:

main.js

var data = require("sdk/self").data;
var pageMod = require("sdk/page-mod");

 pageMod.PageMod({
  include: "*.google.com/*",
  contentStyleFile: data.url("data/style.css")
 });
html, body, div {
    background: red !important;
}
style.css

var data = require("sdk/self").data;
var pageMod = require("sdk/page-mod");

 pageMod.PageMod({
  include: "*.google.com/*",
  contentStyleFile: data.url("data/style.css")
 });
html, body, div {
    background: red !important;
}
我还尝试使用以下URL,但都不起作用:

  • *
  • *
  • *
  • *
我还尝试将以下位置更改为style.css,这也没有任何区别:

  • style.css
  • data/style.css
  • ../data/style.css
我还尝试从data和pagemod变量中删除sdk/,但这也不起作用

为什么它不工作?我如何修复它?

只包含一个
*

模式
“*.google.com”
与列表中的所有谷歌url匹配。匹配模式也可以是正则表达式。您可以匹配
http://google.ie
和所有其他的
谷歌。*

pageMod.PageMod({
  include: /.*\/(\/\w*\.)?google\.[A-Za-z]{2,3}\/.*/,
  contentStyleFile: data.url("style.css")
});

其实这并不重要,因为没有任何通配符仍然没有任何作用。匹配模式中没有通配符只匹配与模式拼写完全相同的URL,从第一个字符到最后一个字符。如您最初发布的代码所示,两个通配符无效且不匹配。0和2之间的快乐媒介是1。一个通配符-
*.example.com
匹配所有的
http://example.com/
http://foo.example.com/
https://example.com/
http://example.com/foo
ftp://foo.example.com/
正如我所说,只有一个通配符(其他所有内容都相同)的外接程序副本处于“否”状态,我尝试了与上面代码不同的东西。无论如何,这是行不通的。改变模式并不是它不起作用的原因。也许能想出不同的解决办法?