2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）

SingleFile 將完整的網頁保存到一個
HTML 檔案中（Chrome、Firefox 擴充功
能）
最後更新於 2018-10-23 由 Pseric

如果要把網頁儲存到電腦中，所有瀏覽器都有另存頁面為 HTML 檔的功能，不過這可能

會遇到一些問題，儲存後如果不是各種資源（JS、CSS 和圖片）都必須抓下來，檔案很
多，就是打開後樣式跑掉，圖片跑不出來，要把網頁備份起來或傳送給別人就變得很麻
煩，那麼有沒有更好的方法將網頁正確保存下來呢？

本文要介紹的「SingleFile」是一款免費瀏覽器外掛，可以將完整的頁面保存到單一
HTML 檔案中，包括所有 CSS 和圖片等等，讓使用者即使在一個 HTML 檔亦能瀏覽完整
內容。除了單一頁面外，SingleFile 還支援保存選取的分頁、固定分頁以外的所有分頁或
所有頁面，操作上也一如既往的簡單易用。

https://free.com.tw/singlefile/ 1/10
2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）

SingleFile 提供 Google Chrome 和 Firefox 瀏覽器適用的擴充功能，Edge 和 Opera 雖然

也可以使用，但因為還沒有在對應的商店上架，使用者必須回到開發者的 GitHub 手動下
載檔案安裝，如果你有保存頁面的需求，可以試試看這款免費外掛。

擴充功能資訊

元件名稱：SingleFile

適用平台：Chrome

程式語系：英文
官方網站：https://github.com/gildas-lormeau/SingleFile

安裝頁面：Chrome | Firefox（Edge、Opera 請直接從開發者網站下載）

使用教學

STEP 1

開啟 SingleFile 的 Chrome 線上應用程式商店頁面，點選「加到 Chrome」下載，將它安

裝到你的瀏覽器中。

https://free.com.tw/singlefile/ 2/10
2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）

安裝後 SingleFile 會在右上角顯示一個功能按鈕，之後如果要下載網頁的話只要點選這

個按鈕即可啟動，至於要下載選取的分頁、固定分頁以外的所有分頁或所有頁面，只要
在按鈕上按下右鍵就能看到選單。

https://free.com.tw/singlefile/ 3/10
2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）

STEP 2

一般來說，如果透過瀏覽器內建的另存頁面功能存檔，可能抓下來會變下圖這樣，必須
要將所有檔案例如圖片、CSS 保存在另一資料夾才能夠正常顯示，否則就會因為無法載
入樣式表而看起來很醜，當然圖片部分也就無法顯示。

STEP 3

所以更好的解決方案是透過外掛，切換到要另存新檔的網頁後，點選右上角的 SingleFile
按鈕，這時候按鈕底下會顯示綠色的載入圖案，稍待片刻就會將網頁完整打包下載到電
腦裡。

https://free.com.tw/singlefile/ 4/10
2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）

下圖是我透過 SingleFile 在 Google Chrome 將網頁完整保存為單一 HTML 檔案的範例，

可以看到頁面不僅能正確顯示，在檔案部分只需要一個 HTML 即可完整儲存，對於要備
份網頁來說更為有用。如果你平常會需要用到網頁儲存功能，或許 SingleFile 是更好的
解決方案。

https://free.com.tw/singlefile/ 5/10
2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）

值得一試的三個理由：
1. 除了 Chrome、Firefox 外，亦能在 Opera 和 Edge 瀏覽器使用
2. 將網頁完整保存為單一 HTML 檔案
3. 可儲存選取的分頁、固定分頁以外的所有分頁或所有頁面

相關文章
Archiveror 快速備份、永久保存當前看到的網頁內容（Chrome、Firefox）
Full Page Screen Capture 快 速 擷 取 完 整 網 頁 畫 面 ， 轉 為 圖 片 或 PDF 格 式
（Chrome 擴充功能）
DashNotes 把 瀏 覽 器 分 頁 變 身 「 剪 貼 簿 」 ， 隨 時 保 存 文 字 、 圖 片 和 鏈 結
（Chrome 擴充功能）
Wayback Machine 免費 Chrome 外掛在網頁內容被刪除時快速取出備份

免費軟體, 網路相關
Chrome, Chrome擴充元件, Firefox附加元件, Google Chrome, 下載工具, 備份工具, 免
費軟體, 擴充功能, 網址打包, 網站備份, 網站工具, 網路相關, 網頁下載, 網頁保存, 網頁備
份, 網頁儲存, 網頁存檔, 網頁工具

使用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站更新，使用電子郵件接收通知。

電子郵件地址

訂閱更新

https://free.com.tw/singlefile/ 6/10
2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）

追蹤更新

文章分類

選取分類

最新文章

123RF 圖庫提供免費圖片編輯工具，自動去背、濾鏡、美化增強超簡單

NsLookup 查詢網域名稱 DNS 紀錄，從不同伺服器取得回應結果

Proton Drive 瑞士免費網路硬碟，以最安全的方法儲存或分享檔案

WinfrGUI 免費檔案救援軟體，支援各種格式也能復原 USB 隨身碟記憶卡

Worldwide Radio 聽國外廣播的瀏覽器外掛，收錄全世界超過 50000 個電台

SimpleLogin 免費郵件匿名服務，轉寄郵件隱藏真實身份避免垃圾郵件

FreeConvert 免費線上轉檔工具，支援圖片、影片、音訊、文件、電子書、壓縮檔
等超過 1500 種格式

NTU Speed 台大網路測速服務，測試連線至學術網路上傳、下載速度

IP ME 查 IP 位址超方便，打開網頁立即顯示還能查 Whois、DNS 紀錄

Paced Email 讓頻繁的電子郵件通知不再干擾用戶，依照頻率產生摘要轉寄郵件

https://free.com.tw/singlefile/ 7/10
2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）
Paced Email 讓頻繁的電子郵件通知不再干擾用戶 依照頻率產生摘要轉寄郵件

精選主題

思源黑體：Adobe 與 Google 合作開發開放原始碼中文字型

思源宋體 Noto Serif CJK 字型免費下載！Google、Adobe 再次攜手推出開放原始

碼字體

Mipony 白馬下載器：網路下載必裝！支援數百免空可突破下載限制

Spotify 免費聆聽 4000 萬首歌，音樂串流應用 iOS、Android 版下載

日本亞馬遜 AmazonGlobal 線上購物直送台灣，免消費稅免找代購

中華郵政 i郵箱初體驗，24 小時自助郵局寄件取件超方便

YouTube Music 免費音樂串流服務正式登場，升級 Premium 零廣告體驗

Microsoft Edge 正式版免費下載！以 Chromium 重新打造微軟瀏覽器

Photopea 免費圖片編輯器，堪稱 Photoshop 線上版支援 PSD 等常見格式

財政部統一發票兌獎 APP 掃描發票存手機，自動記帳主動對獎超方便

使用健保卡+戶號線上查詢勞保勞退年資、應繳欠繳保費和退休金核發試算

YouTube Kids 兒童專用影音頻道，手機平板應用程式免費下載

Disney+ 台灣影音串流平台訂閱付款教學，最多可四螢幕同時觀看

以 Outline 搭配 DigitalOcean 架設 VPN 伺服器教學，每月最低 5 美元起

實用教學
https://free.com.tw/singlefile/ 8/10
2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）

19 個免費 YouTube 影片下載工具推薦，轉檔 MP4、MP3 免安裝軟體

25 個免費線上去背工具推薦，全自動快速移除相片背景

5 個去人聲免費工具推薦，音樂轉伴奏、擷取各種樂器聲音

25 個免費相片壓縮工具推薦，讓檔案變小又不損壞畫質

12 個免費縮網址服務推薦，將網址縮短兼流量統計功能

46 個免費圖庫網站總彙整

15 個免費下載高解析度圖片最佳圖庫

下載高畫質相片素材的 13 個免費圖庫資源精選

12 個你應該知道的中英文假字、文章產生器

20 個免費下載創用 CC 授權音樂的網站彙整

40 個設計師必備免費資源超推懶人包

Facebook 全新下載資料副本功能，一次備份所有臉書記錄匯出

Instagram 資料下載讓使用者完整備份相片影片、留言、訊息等個人記錄

7 個線上接收手機簡訊驗證碼的免費網路服務整理

PayPal 兩步驟驗證設定教學，以手機簡訊或應用程式降低被盜用風險

如何在瀏覽器不支援 Adobe Flash Player 後繼續播放 SWF 檔案？

7-11 賣貨便操作教學，整合多種付款方式、固定運費優惠

全家好賣+ 使用教學，賣場註冊、商品上架、手續費和運費優惠說明

8 個匿名偷看 IG 限時動態不留下觀看紀錄的網路服務整理

https://free.com.tw/singlefile/ 9/10
2022/7/6 晚上10:34 SingleFile 將完整的網頁保存到一個 HTML 檔案中（Chrome、Firefox）

WORDPRESS 架站資源

自架 WordPress 虛擬主機租用教學，將網誌備份匯出、匯入到新家

殺手級 WordPress 體檢項目：101 個建立新網站的超簡易捷徑！

Cloudflare 架站者必備免費 CDN、DNS 託管服務設定教學

16 個免費網站速度測試工具推薦！網頁效能評比，搜尋引擎最佳化必備

亞馬遜 VPS 服務 Amazon Lightsail 搭配 ServerPilot 快速架設 WordPress 教學

使用 Google Cloud Platform 雲端主機免費版架設 WordPress 教學

使用 Cloudways 架設 WordPress 網站教學，快速部屬最佳化環境

RunCloud 佈署最佳化主機環境，整合 DigitalOcean 架設 WordPress 教學

使用 SiteGround 虛擬主機一鍵快速安裝 WordPress 教學

FastComet 評價極高的虛擬主機推薦，一鍵安裝 WordPress 教學

VaultPress 完整備份你的 WordPress 網站，無痛搬家或回復特定時間點

WP Rocket 最強 WordPress 快取外掛，完整最佳化設定選項教學

不續費虛擬主機？WordPress.com 對應個人網域每年 13 美元搬家超划算

使用 WordPress 建置・關於本站・文章彙整・隱私權政策

https://free.com.tw/singlefile/ 10/10