JavaScript/Jquery HTML DOM構造/ページをHTMLファイルまたはテキストにエクスポートする

Question

domのさまざまな要素のプロパティを変更し、そのページをhtmlファイルとして保存したいと考えています。ソースの表示にDOM調整が反映されるとは限りません。ページ全体をファイルに書き込む方法や、更新されたソースページをファイルに入れる方法はありますか？

Answer 1

私はこれがあのトリックをするべきだと思っています。

$('html').html(); 

ブラウザ（セキュリティ）から実行されたときにJavaScriptでファイルを書き込むことができません。しかし、これをPHPスクリプトに送ってそこからファイルに書き込むことができます。たとえば：

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

write.php newish browsersで

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

Answer 2

（IE 10、FF 20、クロム26、サファリ6、オペラ15）、あなたはBlobを作成しにそれを保存することができますファイルはwindow.URL.createObjectURLです。

Demo、Reference：

blobは用URLオブジェクトを作成するための Fileオブジェクトまたは Blobオブジェクトである

objectURL = window.URL.createObjectURL(blob); 

• 。
• objectURLは、生成されたオブジェクトのURLです。指定されたファイルの全内容は、URLのテキストで表されます。その後、window.openで使用できます。

Blobの例：

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

あなたのアドレスバーに次のコマンドを実行Chromeで現在のブロブを一覧表示するには：このため

chrome://blob-internals