JavaScript block CSS

Question

我有一个 .js 文件，当与 GreaseMonkey 一起使用时，它可以很好地阻止所有 CSS 代码，但我还需要它作为 .xpi(Firefox 扩展)运行，但它不能很好地工作。

我已经尝试了很多东西，现在我正在尝试使用 Firefox Extension Builder SDK 调试它，所以我得到了所有错误消息。这是我收到的错误消息:

console.error: css3blocker: 
Message: ReferenceError: document is not defined

这是 .js 代码:

[].slice.call(document.styleSheets) .forEach(function (sheet) {
try {
   [].slice.call(sheet.cssRules) .forEach(function (rule) {
       if (rule.media) {
           rule.media.mediaText = '';
       }
   });
} catch (err) {
   console.log(err);
}
});

这个错误是什么意思？

Answer 1

大大大大大大感谢 Noitidart!!!!

你帮了我很多!!

现在开始工作了，xpi 比 GreaseMonkey 的 JS 更激进，但现在开始工作了!

将 JS 更改为:

var pageMod = require("sdk/page-mod");
pageMod.PageMod({
 include: "*",
 contentScript: '[].slice.call(document.styleSheets) .forEach(function (sheet) {try {[].slice.call(sheet.cssRules) .forEach(function (rule) {if (rule.media) {rule.media.mediaText=\'\';}});} catch (err) {console.log(err);}});'    
});

而且它适用于 XPI Builder! :D