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

Get text of a modified stylesheet (Firefox)

本文关键字:Firefox 文本 样式 修改 获取      更新时间:2023-09-26

我正在以编程方式(JS)重写网页的样式表。(我有页面的副本和存储在本地服务器上的所有资产。 重写完样式表后,我想将修改后的版本保存到磁盘。

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

在IE中,您似乎可以访问stylesheet.cssText属性以将样式表源存储到JS字符串中,这就足够了。 但是,我无法选择使用IE,因此我想找出一种方法在Firefox中实现相同的目的。

您必须使用类似以下内容的内容(小提琴):

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 文档,特别是"使用动态样式信息"。