最通用方法是浏览器“网页,全部”保存:生成HTML文件及同名资源文件夹,完整保留文字、图片、样式和链接;UnMHT打包为单个MHTML文件便于分享;SingleFile生成自包含HTML,内嵌所有资源,离线即开即用。

你需要把正在浏览的网页完整保存下来,确保断网后仍能查看所有文字、图片、样式甚至可点击链接,而不是只截一张图或复制一段文字。
用“网页,全部”方式另存为本地文件
这是最通用、无需安装插件、开箱即用的方法,适合保存教程、文档、新闻长页等带图带样式的静态内容。
打开目标网页,等待页面右上角加载图标消失、滚动无延迟、所有图片显示清晰——【未完全加载就保存会导致图片缺失、CSS错乱、链接失效】。
点击右上角三条横线菜单 → 「另存页面为」。
在保存对话框中,将「类型」下拉菜单选为「网页,全部(*.htm;*.html)」——【选“仅HTML”会丢失所有图片和样式表,页面变成纯文字且排版崩溃】。
指定保存位置(如桌面或专门的“网页归档”文件夹),输入有意义的文件名(例如“React官方JSX语法指南_20260929”),点击「保存」。
保存完成后,你会看到一个 .htm 文件和一个同名文件夹;双击该 .htm 文件,即可在火狐或其他浏览器中离线打开,内容与在线时一致。
用UnMHT插件打包成单个MHTML文件
当你需要把整个网页(含背景图、字体文件、视频缩略图、内联脚本)压缩进一个文件带走,便于发给同事或存入云盘归档,就选这个方法。
方法一:在地址栏输入 about:addons 回车 → 顶部搜索框输入「UnMHT」→ 找到官方版本(作者为「KaiRo」)→ 点击「添加到 Firefox」→ 安装后重启浏览器。
方法二:访问目标网页 → 在页面空白处右键 → 选择「另存为 MHTML」→ 取消勾选「压缩 HTML 主体」(避免部分交互逻辑失效)→ 指定路径保存,生成 .mht 或 .mhtml 文件。
注意:MHTML 文件默认由火狐打开,Chrome 和 Edge 虽支持但可能漏掉某些资源;其他浏览器(如Safari)基本无法正确渲染。
用SingleFile插件保存为自包含HTML
如果你常保存电商页、博客、带大量懒加载图片的现代网页,UnMHT有时会漏图,而SingleFile专为这类场景优化,它会主动触发图片加载再封装,生成一个真正独立的 .html 文件。
第一步:前往 https://addons.mozilla.org/zh-CN/firefox/addon/single-file/ 安装插件,安装后无需重启。
第二步:打开目标网页,确保已滚动到底部几次(触发懒加载图片)→ 点击地址栏右侧 SingleFile 图标 → 选择「Save page」。
第三步:等待进度条走完(页面越复杂耗时越长),保存成功后得到一个单独的 .html 文件——它内部已嵌入 Base64 编码的图片、CSS 和字体,不依赖外部文件夹。
第四步:双击该文件,用任意浏览器打开,布局、颜色、超链接、图片全部可用,文本仍可复制,响应式设计也保留。
验证归档是否真正完整
断开网络连接(关闭Wi-Fi/拔掉网线)。
双击你刚保存的 .htm / .mhtml / .html 文件,用火狐打开。
逐项检查:所有图片是否显示?标题和段落是否正常排版?超链接是否可点击(即使跳转失败,href 属性也应存在)?控制台(F12 → 控制台)有无报错提示“Failed to load resource”?
若发现某张图打不开或样式丢失,说明保存时页面未彻底加载完成,需重新执行对应方法的第一步并延长等待时间。


















