現在のページをダウンロードする

現在のページをダウンロードするには、次の方法で可能です。

  • ※ IE以外は対応していません
  • ※ IE9以上に対応(document.execCommandメソッド自体がIE9以上対応のため)

サンプルコード

JavaScript

var fileName = 'test.html'; // ファイル名

window.addEventListener('DOMContentLoaded', function() {
	var dlBtnElem = document.querySelector('button');

	dlBtnElem.addEventListener('click', function() {
		if (document.execCommand) {
			document.execCommand('SaveAs', false, fileName);
		} else {
			alert('document.execCommandに対応していません。');
		}
	});
});

document.execCommandメソッドを使用して、ブラウザのコマンド"名前を付けて保存"を実行し、ダウンロード(保存)を行います。

JavaScript逆引きリファレンス一覧へ戻る