但是一般來(lái)說(shuō)，通過(guò)這種方式保存下來(lái)網(wǎng)頁(yè)，當(dāng)你打開(kāi)這個(gè)下載的 html 時(shí)候就會(huì)發(fā)現(xiàn)，是會(huì)缺失一部分圖片的。而且這種方式它還會(huì)同時(shí)下載下來(lái)一個(gè)文件夾，里面會(huì)放著網(wǎng)頁(yè)里的各個(gè)圖片資源等，很混亂。（具體的圖片我會(huì)放在文末）

今天要分享給大家的是 SingleFile，它可以幫助您將完整的網(wǎng)頁(yè)保存到單個(gè) HTML 文件中。而沒(méi)有那些額外的文件夾以及亂七八糟的東西。作者的 github 地址如下：https://github.com/gildas-lormeau/SingleFile star 有 12.5K，還是很多的

singlefile 支持火狐、chrome、safari、edge 等主流瀏覽器。直接用一鍵安裝插件的方式安裝即可，點(diǎn)下面對(duì)應(yīng)的鏈接即可。

• 火狐：https: //addons.mozilla.org/firefox/addon/single-file

• Chrome：https://chrome.google.com/extensions/detail/mpiodijhokgodhhofbcjdecpffjipkle

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

使用方式也很簡(jiǎn)單，下載插件后，在瀏覽器使用啟用插件即可。

接下來(lái)我來(lái)做個(gè)演示，我百科上面隨便找個(gè)大佬查一下它的資料如下：

然后我使用 CTRL+S 將網(wǎng)頁(yè)保存下來(lái)。

保存下來(lái)的文件是這樣的下載好的內(nèi)容包括 html 以及對(duì)應(yīng)的資源文件夾

你可以看到直接打開(kāi)下載的 html，很多圖片都不展示。體驗(yàn)很差

接下來(lái)我來(lái)使用 singlefile 試試

只生成 1 個(gè) html

我們?cè)俅蜷_(kāi)這個(gè) html 看看效果，一切正常，并且整個(gè)頁(yè)面的圖片資源都能展示，值得推薦，對(duì)于保存網(wǎng)頁(yè)來(lái)說(shuō)，很好用！！！

補(bǔ)充說(shuō)明一下：chrome 和edge也自帶了保存單頁(yè)面的功能，但是你打開(kāi)html之后就會(huì)發(fā)現(xiàn)仍然會(huì)有部分圖片不展示出來(lái)。但是singlefile可以都展示出來(lái)，無(wú)損保存！而且chrome和edge保存下來(lái)的html文件也比singlefile保存下來(lái)的大。singlefile還支持保存部分網(wǎng)頁(yè)內(nèi)容，保存選中部分，這個(gè)就可以自行探索拉~