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.