Html嘲弄工具

Question

我需要向专业设计师展示一些页面，为此我需要一个工具，将我使用JQuery构建的当前页面呈现为静态Html，而不引用任何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.