javascript - 获取修改后的样式表的文本 (Firefox)

Question

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

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

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

Answer 1

您必须使用类似以下的内容（小提琴）：

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 文档，尤其是“使用动态样式信息”。