家好，我是開源探索者，持續分享開源項目，關注技術的最新動態，分享自己的經驗和見解。

大家好，我是開源探索者！

相信大家都和我一樣，作為程序員，喜歡收藏各種網頁，包括筆記、代碼和教程等等。然而，由于各種原因，已經收藏的網頁會經常會消失打不開。

現有的"存儲為"功能來離線保存網頁的方式，對于網頁中的圖片等素材不太友好，有時候甚至打開保存的離線資源時還會出現各種問題。

最近，我在Github 上發現了一款開源的瀏覽器擴展 - SingleFile，能完美解決這個問題。

項目簡介

SingleFile是一款開源的瀏覽器擴展程序和命令行工具，支持Chrome、Firefox（桌面版和移動版）、Microsoft Edge、Safari、Vivaldi、Brave、Waterfox、Yandex、Opera等常用的瀏覽器，可以幫助我們將整個網頁保存為單個文件，同時能夠很好的解決離線的時候打開文件出現的各種素材顯示問題。

目前 SingleFile 在github上面已經有 13K+ Star，Chrome 應用商店顯示也有 20萬+ 的用戶在使用。

項目特色

• 完整保存: SingleFile 可以保存網頁的所有內容，包括 HTML、CSS、JavaScript、圖像、視頻、音頻等資源。
• 單文件: 所有資源都被整合到一個 HTML 文件中，方便下載、分享和離線閱讀。
• 多種格式: 支持多種壓縮格式，例如 Gzip、Brotli 等，可以有效減小文件大小。
• 自定義選項: 可以選擇要保存的資源類型，以及是否保留注釋、源映射文件等。快速使用

使用體驗

1、保存網頁

安裝好后，在要保存的網頁右鍵，選擇SingleFile插件，保存頁面即可，如下圖

2、批量保存多個網頁

按住Ctrl鍵，鼠標左鍵依次選擇要保存的網頁。

然后再單擊 SingleFile 圖標，依次選擇“保存標簽頁”-“保存選中的標簽”，即可，如下圖：

另外，插件還支持一些高級功能例如：自動保存、定期保存、自定義設置等等。大家可以自行探索。

3、命令行安裝

關于命令行安裝，可以通過Docker或者手動安裝的方式，具體的話可以參考項目頁面，文檔寫的很詳細。

體驗一番，SingleFile上手還是很容易的，操作也簡單，一鍵就可以快速解決存檔、書簽、搜索等問題。

更多項目細節，感興趣的朋友去項目主頁探索把~~

項目地址：
https://github.com/gildas-lormeau/SingleFile

結束語

在數字時代的浪潮中，有一群人他們不畏艱難，勇攀技術高峰，他們就是開源探索者。

他們不僅僅是技術的實踐者，更是開源文化的傳播者和推動者。

在開源的世界里，沒有絕對的權威，只有共同的合作。

日常網絡瀏覽過程中，常常會發現有趣且有益的網站，選擇收藏以備未來查閱。然而，收藏夾中的網頁有時會因為各種原因而無法連接，令人感到遺憾。

將網頁剪切至云端筆記，雖然是一種方法，但其排版樣式、元素丟失以及同步速度慢等不足，使其顯得不夠便捷。相較之下，更為實用的方法是將其保存于本地硬盤，既能節省資源又便于后續管理。

今天向您推薦一個網頁保存插件——SingleFile。此插件可幫助您將整個網頁（包括CSS、圖片、字體、框架等）保存為HTML文件。對于您感興趣的文章網頁等，均可進行離線保存，且采一頁一文件格式，即使是GIF圖也能夠完整保留。

下載與安裝

Google Chrome

https://chrome.google.com/extensions/detail/mpiodijhokgodhhofbcjdecpffjipkle

Microsoft Edge 瀏覽器

在Microsoft Edge加載項中搜索"singlefle"即可

https://microsoftedge.microsoft.com/addons/detail/singlefile/efnbkdcfmcmnhlkaijjjmhjjgladedno

Mozilla Firefox 瀏覽器

https://addons.mozilla.org/firefox/addon/single-file

Apple Safari 瀏覽器

https://apps.apple.com/us/app/singlefile-for-safari/id6444322545

安裝步驟

成功下載后，只需啟動插件并選擇您需要保存的網頁，點擊SingleFile按鈕便可完成操作。

如果覺得單次保存過于繁瑣，可在網頁上右鍵點擊折疊工具欄上的SingleFile按鈕，選擇保存：當前標簽或所選內容，或者是所選的幀，甚至是一鍵保存多個選項卡。

此外，還有自動保存功能。默認的保存路徑通常是瀏覽器配置的下載文件夾。您還可以自主選擇將網頁直接上傳至網盤，如GitHub、Google Drive或WebDAV云盤，讓珍藏的資源在云端管理得心應手。

頁內容導出word文檔的方法有很多，我們在工作生活中都會遇到需要將網頁上的內容下載到本地文檔的需求，有時遇到一些網頁不支持復制，有些又需要翻頁，不能一次性下載。今天跟大家分享怎么將網頁上的內容導出到我們的word文檔。

一、復制粘貼

作為最原始，也是最可靠的方法，復制粘貼操作簡單有手就行。缺點就是需要進行大量機械操作。

二、通過瀏覽器導出

進入瀏覽器，然后打開我們需要導出的網頁，點擊右側菜單à選擇“更多工具à網頁另存為我們能獲得一個html格式的文檔

在打開我們的wps或者word軟件，通過導入html格式的文檔，另存為word文檔。

通過這個方法，我們可以對整個網頁進行導出，優點是只需要鼠標點選，工作強度變低，缺點是網頁內容全部導出，包括頂部菜單欄，廣告等。

三、采集工具導出

使用采集工具，我們可以對我們想要的元素進行選擇，只下載需要的內容，例如只下載標題內容，只下載圖片、表格等。

通過采集工具選擇內容后，支持對相同組成的頁面進行批量采集，不需要我們再去翻頁面。

可視化的操作頁面，也只需要我們操作鼠標完成點選，就可以將網頁需要的內容一鍵導出本地word，批量導出不需要我們在去找軟件轉換格式。

四、編輯后導出

使用采集工具的SEO模板，可以對我們采集的網頁內容進行翻譯、同義詞替換、敏感詞刪除、圖片水印等操作，讓我們可以批量處理網頁內容到我們本地文檔。

網頁內容導出的三種方法分享就到這里了，每種方法都有自己的優勢，對于需要批量采集、批量編輯翻譯的頁面，使用工具能幫我們完成重復機械的操作，減輕工作負擔，如果大家有更好的意見或者建議，不妨留言討論哦。