页面CSS没有改变，什么不起作用？

Question

我正在通过Mozilla Addon Builder https://builder.addons.mozilla.org

构建一个firefox插件

我开始非常基本，我认为它不会比将google.com更改为红色更简单。我让css更改了body，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")
 });

的style.css

html, body, div {
    background: red !important;
}

我也尝试使用以下网址，所有这些网址都不起作用：

• http://google.com/ *
• https://google.com/ *
• http://www.google.com/ *
• https://www.google.com/ *
• http://google.com/
• https://google.com/
• http://www.google.com/
• https://www.google.com/

我也尝试将以下位置更改为style.css，这也没有任何区别：

• 的style.css
• 数据/ style.css中
• ../数据/ style.css中

我也尝试从数据和pagemod变量中删除sdk /，但这也不起作用。

为什么它不起作用，我该如何解决？

Answer 1

Match patterns只包含一个*。

模式"*.google.com"匹配列表中的所有Google网址。匹配模式也可以是正则表达式。您可以将http://google.ie和所有其他google.*与

匹配

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