获取修改后的样式表（Firefox）的文本

Question

我是以编程方式（JS）重写网页的样式表。 （我有一份页面副本和所有资产本地存储在服务器上。）一旦我完成了样式表的重写，我想将修改后的版本保存到磁盘上。

我正在使用Webdriver在页面上运行我自己的JS，而它是在Firefox中加载的。

在IE中，it appears您可以访问stylesheet.cssText属性以将样式表源存储到JS字符串中，这就足够了。但是，我没有使用IE的选项，所以我想找到一种在Firefox中完成相同目的的方法。

Answer 1

您必须使用以下内容（fiddle）：

for (var si = 0; si < document.styleSheets.length; ++si) {
    var ss = document.styleSheets[si];

    var href = ss.href || "<inline>";
    var rules = [];
    for (var ri = 0; ri < ss.cssRules.length; ++ri) {
        rules.push(ss.cssRules[ri].cssText);
    }
}

阅读MDN文档，特别是"Using dynamic styling information"。