保存HTML与JavaScript生成的样式

Question

我想这个网页保存为HTML

http://www.wix.com/demone2/cupcakes-shop

，但保存的文件太多不同，因为页面有一个bootstrap.js这对于类生成的风格wysiwyg_viewer_skins ...

最接近的答案，我发现是这个

Get HTML with current styles (maybe inlined) of a page that finished rendering and finished running scripts

但我想他phantomjs代码，它使所有图像datauri，不与本页面

Answer 1

在Chrome中打开该页面的工作非常好

开放开发工具Ctrl + Shift + i

转到Elements标签

右键单击HTML标签，然后选择copy as HTML

，将放在剪贴板中的HTML渲染通过JavaScript作为修改，现在在方便时粘贴它。

也许在其他浏览器上可以找到相同的东西，IE浏览器有时也会刷新很少才能正确显示。

Answer 2

我在一个字符串使这个代码来保存所有样式定义，以便那么它可能是

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; 
     } 
    } 
} 

好保存到外部CSS文件。由于约有700条规则，因此在控制台中显示大约需要15秒。但它的工作