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代码并且它使所有图像数据库并且在这个页面上不能很好地工作

Answer 1

在Chrome中打开该页面

打开开发人员工具Ctrl + Shift + i

转到Elements代码

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

这将在剪贴板中放入由Javascript修改的呈现HTML，现在可以在方便时粘贴它。

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

Answer 2

我将此代码保存为字符串中的所有样式定义，然后将其保存到外部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;
        }   
    }
}

好。由于大约有700条规则，因此在控制台中显示大约需要15秒。但它有效

使用javascript生成的样式保存HTML

2 个答案: