JavaScript / Jquery HTML将DOM结构/页面导出为HTML文件或文本

Question

我想通过dom各种元素属性进行修改，然后将该页面保存为html文件。查看源并不总是反映dom调整。有没有办法将整个页面写入文件或以其他方式将更新的源页面写入文件？

Answer 1

我认为这应该为你做的伎俩。

$('html').html();

从浏览器（安全性）运行时，JavaScript无法写入文件。但您可以将其发送到PHP脚本并从那里将其写入文件。例如：

$.post('write.php', { dom : $('html').html() });

<强> write.php

file_put_contents('new.html', urldecode($_POST['dom']));

Answer 2

在newish browsers（IE 10，FF 20，Chrome 26，Safari 6，Opera 15）中，您可以使用Blob创建window.URL.createObjectURL并将其保存到文件中。

Demo，Reference：

objectURL = window.URL.createObjectURL(blob);

• 其中blob是File对象或Blob对象，用于为其创建网址对象。
• objectURL是生成的对象网址。指定文件的全部内容由URL的文本表示。然后可以在window.open。
中使用它

Blob：

的示例

var parts = ["<p class=\"paragraph\"><a id=\"link\">hey!<\/a><\/p>"];
new Blob(parts, { "type" : "text\/html" });

要列出Chrome中的当前Blob，请在地址栏中执行以下操作：

chrome://blob-internals