使用javascript生成的样式保存HTML

我想将此网页另存为html

但是保存的文件差异太大，因为页面有一个bootstrap.js，它为类wysiwyg_viewer_皮肤生成样式

我找到的最接近的答案是

---

但是我尝试了他的phantomjs代码，它使所有的图像都成为datauri，并且不能很好地处理这个页面

用Chrome打开这个页面

打开开发者工具

Ctrl+Shift+i

转到

元素

标记

右键单击HTML标记并选择

复制为HTML

这将把经过Javascript修改的呈现HTML放在剪贴板中，现在在您方便的时候粘贴它

---

可能在其他浏览器上也可以找到类似的东西，IE有时只需几次刷新就可以正确使用。

我编写这段代码是为了将所有样式定义保存在一个字符串中，这样就可以将其保存到外部css文件中

var str = '';
for (var i = 0; i < document.styleSheets.length; i++) {
    var rules = document.styleSheets[i].cssRules;
    if(rules != null){
        for(var j=0; j < rules.length; j++) {
            str += rules[j].cssText;
        }   
    }
}

var-str=''；
for（var i=0；i

---

嗯。因为大约有700条规则，所以在控制台中显示大约需要15秒。但效果很好。我试过了，但它不会保存javascript生成的样式