Html模拟工具

Question

我需要提出一些网页给一个专业的设计师，我需要一个工具，提出我的当前网页建立使用JQuery的静态超文本标记语言，没有任何参考的Javascript文件。

我正在寻找一个工具，它可以让我模拟当前页面的html，并转换所有的CSS属性display，border，source等由Javascript动态设置为样式style="display: none; border: 1px solid gray;"。有没有人见过这样的工具？

Answer 1

浏览器可以做到这一点。javascript添加的任何样式都将位于呈现的页面上HTML元素的style属性中。

我知道Chrome肯定是这样的。您可以直接从开发人员工具箱中复制HTML。

Answer 2

实际上，序列化DOM的当前状态非常容易：

$('html')[0].outerHTML

但是，您必须重新添加DOCTYPE。

Demo here.