如何将CSSStyleSheet对象解析为有效的CSS？

Question

我一直在玩document.styleSheets API，它主要做我想要的，但是一旦我添加了一堆规则，我希望能够将shylesheet对象解析为有效的css（所以我可以将它放入一个可下载的文件），可以使用API​​，还是通过手动循环来实现？

Answer 1

迭代它：

var rules = [], i, j, css;

for (i = 0; i < document.styleSheets.length; i++) {
    for (j = 0; j < document.styleSheets[i].rules.length; j++) {
        rules.push(document.styleSheets[i].rules[j].cssText);
    }
}

css = rules.join('\n');
console.log(css);