Javascript Html模拟工具

Javascript Html模拟工具,javascript,html,Javascript,Html,我需要向专业设计师展示一些页面,为此我需要一个工具,将使用JQuery构建的当前页面展示为静态Html,而不引用任何Javascript文件 我正在寻找一种工具,它可以让我模拟当前页面的html,并将所有CSS属性display,边框,源代码等由Javascript动态设置为样式style=“display:none;border:1px纯色;”。有人见过这样的工具吗?浏览器就是这样做的。javascript添加的任何样式都将位于呈现页面上HTML元素的style属性中 我知道Chrome肯定是

我需要向专业设计师展示一些页面,为此我需要一个工具,将使用
JQuery
构建的当前页面展示为静态Html,而不引用任何Javascript文件


我正在寻找一种工具,它可以让我模拟当前页面的html,并将所有
CSS
属性
display
边框
源代码等由
Javascript
动态设置为样式
style=“display:none;border:1px纯色;”
。有人见过这样的工具吗?

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


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

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

$('html')[0].outerHTML
但是,您必须重新添加
DOCTYPE