手机保存网页HTML源码需区分原始HTML与渲染后DOM：Android可查源代码后复制保存为backup.html；iOS用快捷指令“获取网页源代码”自动存为page_$(日期).html；推荐SingleFile扩展一键打包含资源的完整离线页。
手机上保存网页 HTML 源码，关键在于区分「原始服务器返回的 HTML」和「浏览器渲染后的 DOM」——前者适合存档、分析原始结构；后者适合保存 JS 动态生成的内容。选错方式会导致文件打不开、样式丢失或内容不全。
Android 上用浏览器“查看源代码”后手动保存
多数安卓浏览器（如 Chrome、Edge、彩虹浏览器）不直接提供“另存为源码”按钮，但可通过系统级操作绕过限制：
- 在目标网页长按空白处 → 选择“查看页面源代码”（Chrome）或输入
chrome://inspect进入调试页（彩虹浏览器需先开启开发者模式） - 进入源码页后，全选（
Ctrl+A或长按选择“全部选择”）→ 复制 - 打开任意文本编辑器（如
Jota+、QuickEdit），粘贴 → 保存时务必输入完整文件名，例如backup.html，不能只写backup - 保存路径建议选
/storage/emulated/0/HTML/这类易找目录，避免埋进应用私有目录里找不到
常见错误：另存为 时误点原网页标签页的菜单，结果保存的是渲染后页面（含 JS 插入内容），不是原始 HTML；或扩展名漏写 .html，系统默认存成无格式文本。
iOS 上用快捷指令自动保存 HTML 文件
iOS 系统限制多，无法直接右键查源码，但 快捷指令 可以补足这个缺口，且能确保编码和扩展名正确：
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 新建快捷指令 → 添加“获取网页源代码”操作（需 iOS 17+；若无此选项，改用“获取文本”并手动粘贴）
- 接着添加“创建文件”操作，文件名设为
page_$(日期).html，位置选“iCloud 云盘”或“我的iPhone”下的自定义文件夹 - 运行前确保 Safari 已打开目标网页，快捷指令会自动抓取当前页原始响应（非 DOM）
- 若提示“无法访问网页”，说明该站启用了 CSP 或反爬策略，此时只能退回到 Safari 中长按复制 HTML 片段再粘贴保存
注意：Safari 自带的“阅读器模式”下看到的不是 HTML 源码，是 Safari 重排后的简化版，不能用于存档原始结构。
用 SingleFile 扩展一键打包完整网页（推荐）
如果你要的不是纯源码，而是“断网也能正常打开”的离线副本，SingleFile 是目前手机端最可靠的方案——它把图片、CSS、JS 全部转成 base64 内嵌进一个 .html 文件里：
- 在 Chrome/Edge/Firefox for Android 上安装
SingleFile扩展（iOS 需通过 TestFlight 安装兼容版） - 打开网页后点工具栏图标 → 等 2–5 秒 → 自动下载一个独立
.html文件 - 文件默认存在
/Download/，可用系统文件管理器移动；打开时用 Chrome 或 Firefox，Safari 对大 base64 支持不稳定 - 不适用于超长滚动页（如知乎专栏），可能截断部分内容；可配合“保存为 PDF”作补充
容易被忽略的一点：SingleFile 默认不保存 `` 里的缩放设置，导致在手机浏览器里显示过小——需要手动打开生成的 HTML，在 里补上 <meta name="viewport" content="width=device-width, initial-scale=1.0">。
