Blog

記事

検索

Webページ全体をまるっと保存しておきたい時どうしていますか？

メインはFirefoxを使っているので、Webページ全体を１つのファイルに保存できるSingleFileというアドオン（ブラウザ機能拡張）を使っています。

制作したホームページを更新する時、前のバージョンのデザインや内容を記録しておきたい時など重宝しています。

SingleFileを見つける前は、①ブラウザ標準機能の「別名でページを保存…」や、②アプリの「SiteSucker」などを使っていましたが、両者一長一短で…

①ブラウザ標準機能の「別名でページを保存…」

× Webサイトのフォントスタイルが反映されず、違う見た目になってしまう。

× 画像が正しく表示されない時がある。

◯ Googleマップ、カレンダー、予約表などの埋め込みパーツは問題なく表示される。

△「表示対象ページのHTMLファイル」と「画像など構成ファイル一式が入ったフォルダ」のデータとして保存され管理が煩雑になる。

②アプリの「SiteSucker」

◯ Webサイトのフォントスタイルは見た目通り反映される。

× レイアウト崩れが起きることが多々ある。

× Googleマップなど、埋め込みパーツ部分は空白になってしまい表示できない。

◎ 指定した「Webサイトの複数ページ」を、ワンクリックで１つのフォルダに全ファイル保存されるので手間がかからない。

SingleFileは、①と②から、「◯」だけ、ピックアップした感じです。Webサイトそのままのフォントが維持され、Googleマップなど埋め込みパーツも問題なく表示されます。

また、指定のWebページが、１つのHTMLファイルに集約されているので、保存後のファイルの扱いが楽なのもポイントです。

■その他のブラウザにも対応しています

Chrome：https://chromewebstore.google.com/detail/singlefile/mpiodijhokgodhhofbcjdecpffjipkle
Microsoft Edge：https://microsoftedge.microsoft.com/addons/detail/singlefile/efnbkdcfmcmnhlkaijjjmhjjgladedno
Firefox：https://addons.mozilla.org/ja/firefox/addon/single-file/
Firefox for Android：https://addons.mozilla.org/ja/android/addon/single-file/
Safari（macOS and iOS）：https://apps.apple.com/jp/app/singlefile-for-safari/id6444322545