2017-01-05 3 views
1

大きなテーブルがたくさんある非常に大きなHTML pageがあります。 tables to excelをエクスポートしようとしましたが、成功しました。しかし、200K+ rowsをテーブルで扱うと、ブラウザがクラッシュします(ChromeとIE)。 したがって、私はページ全体をローカルに保存することに決めました。現在のHTMLページをページ上のボタンを使ってローカルに保存するにはどうすればよいですか?

できますか?

おかげ

+2

ファイル - >名前を付けてページを保存しますか? –

+0

正確に何を保存しますか?生のHTMLコードだけ?または画像、css、jsを含むページ全体? – vsync

+0

全ページがローカル.. – Zarof

答えて

0

あなたは、誰もがdownload属性を使用し、ファイルを保存するためにあなたのサイト上で使用することができますダウンロードボタンが必要な場合。

<a href='link.html' download>text</a> 
+0

これは静的なページの場合には動作しますが... Edge 12、IE、Safari、Opera 12などの古いブラウザではサポートされません –

1

これらのテーブルにあるデータは、どこかのサーバーからロードされているとします。 htmlページに基づいてファイルを作成するのではなく、これらのファイルを作成するサーバー上のアクションへのダウンロードリンクを作成する方が良いでしょうか?

2

解決策の1つは、ブラウザにページを読み込み、ファイル>名前を付けて保存に移動することです。これにより、ページをHTML形式のファイルとして保存するダイアログが開きます。

ウェブページが大きすぎてブラウザが読み込めない場合は、ブラウザでwgetのようなツールを使用してページ全体をプルダウンしてください。 Linuxディストリビューション上でのwgetをインストールした後、あなたはまた、いずれかをダウンロードしたい場合はwgetのhttp://www.example.com/path/to/file.html

このコマンドは、名前file.html

で、現在のディレクトリにファイルをダウンロードしますので

のようにそれを使用しますfile.htmlに含まれるファイル(つまり、CSSまたはjsファイル)。フラグ-p-kを含めてください。

0

以下に示すように、download-page-test.htmlというファイルを作成しました。

<html> 
<head> 
    <title>Template</title> 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
</head> 
<body> 
    <h1>Look at this page.</h1> 
    <h1>It's so plain!</h1> 
    <a class="btn btn-primary" href='/download-page-test.html' download>Click Here to Download</a> 
</body> 

ユーザーが単語「テキスト」をクリックすると、ブラウザがページのブラウザに提供されているのと同じ正確なファイルだけでなく、JS/CSSをダウンロードする(確かにあなたがドン」外部リソースの移動/削除)。 注:私はそれを少し良く見せるためにBootStrapを使いました。

このソリューションは、ブラウザに正常に読み込まれ、ユーザーがコピーを必要とするページ用です。

関連する問題