javascript - 如何将 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);