Android Chrome需点•••→下载→选“网页,仅HTML”或“网页,完整”保存HTML,但仅限非PWA、未启用离线模式的普通页面;iOS Safari不支持该功能;保存后应使用Edge/Firefox等App打开以避免路径解析失败。

Android Chrome 点“下载”才能存 HTML,不是没这功能
很多人点完 ••• 只看到“分享”“打印”,就以为 Chrome for Android 不支持保存 HTML——其实它藏在 下载 子菜单里。触发条件很关键:
- 页面不能是 PWA 缓存页(比如已“添加到主屏幕”的 Web App)
- 不能启用“离线阅读模式”(设置里关掉)
- 必须是普通 HTTP/HTTPS 页面,且未被 Service Worker 拦截响应
操作路径固定:••• → 下载 → 网页,仅 HTML 或 网页,完整。前者只生成单个 .html 文件,后者会建同名文件夹存资源,但 Android 文件管理器常把文件夹名显示为乱码,建议用 Files by Google 查看。
iOS Safari 根本不提供保存 HTML 入口
这不是权限问题,也不是你没找到,是苹果从没实现这个功能。长按、分享菜单、“添加到主屏幕”、甚至“阅读器模式”都导不出 .html 文件。
可行替代方案只有两个:
立即学习“前端免费学习笔记(深入)”;
- 用
Firefox for iOS:进设置 →实验性功能→ 开Save Page As,再从分享菜单调用 - 用
Microsoft Edge for iOS:设置 →Allow saving web pages打开,分享菜单里会出现Save Page As
注意:这两款浏览器保存的也是原始 HTML 响应,不含 JS 渲染后的内容;若页面靠 React/Vue 驱动,保存下来可能是空壳或初始骨架。
夸克/彩虹等国产浏览器用 view-source: 强制看源码再手动存
夸克最稳的方法是直接在地址栏输入:view-source:https://example.com。冒号不能漏,URL 要完整(含 https://),否则跳转失败。
进入纯文本视图后,长按全选 → 复制 → 粘贴到支持 .html 保存的编辑器(如 Jota+、QuickEdit),文件名务必带 .html 后缀(例如 page.html),编码选 UTF-8。
彩虹浏览器类似,但“另存为网页”选项有时只输出 .mhtml;此时也得走 view-source: + 手动粘贴路线,再用文件管理器把文件移进你指定的文件夹(如 /storage/emulated/0/MyHTML/)。
保存后打不开?大概率是 file:// 协议路径解析失败
手机上双击打开保存的 .html 文件,浏览器用的是 file:// 协议,而现代浏览器默认禁止该协议下跨目录读取本地资源(比如 CSS 文件在 xxx_files/ 文件夹里)。
所以别用系统默认浏览器直接点开,改用这些 App:
-
Edge或Firefox:它们对本地文件路径处理更宽松 -
HTML Viewer(Play Store 可搜):专为离线 HTML 设计,自动补全 base href - 如果非要用 Chrome,先把整个文件夹压缩成
.zip,解压到Downloads目录,再用 Chrome 打开index.html
真正容易被忽略的是:哪怕你存了“完整网页”,只要 HTML 里写的是 src="style.css" 而不是 src="example.com_files/style.css",或者用了绝对路径 https://,离线时照样 404。路径问题不解决,存得再全也没用。



















