手机保存网页HTML源码需获取原始文本并手动保存为.html文件，Android用view-source:协议配合文本编辑器，iOS需快捷指令获取源码；长截图则依赖第三方工具滚动捕获，非OCR或手动拼接。
手机上保存网页的 HTML 源码，和“截图”是两件完全不同的事——前者存的是纯文本（.html 文件），后者存的是像素图像（.png 或 .jpg）。很多人混淆这两者，结果用截图工具去“保存源码”，或用记事本去“截长图”，白忙一场。
手机怎么把网页源码保存为 .html 文件？
关键不是“截图”，而是“获取并保存原始 HTML 文本”。浏览器本身不提供直接导出源码的功能，必须靠中转。
- Android：用 Chrome 打开网页 → 点右上角「三点」→「分享」→「复制链接」；然后打开「Jota Text Editor」这类支持粘贴+重命名的应用，新建文件 → 粘贴链接 → 手动在地址栏输入
view-source:https://example.com（注意开头view-source:）→ 复制整个页面源码 → 粘贴进编辑器 → 保存为index.html，**务必手动输入后缀.html** - iOS：Safari 不支持
view-source:协议，得换路径——用「快捷指令」App 创建自动化流程：添加「获取网页源代码」操作（需开启“运行前询问”），再接「存储到文件」→ 选“iCloud Drive”或“On My iPhone”，文件名填page.html - 通用避坑：别用“网页另存为”功能（手机浏览器基本没这选项）；也别截图后 OCR 识别——HTML 标签一错，就跑不起来
手机怎么对网页做真正的长截图（非源码）？
所谓“长截图”，本质是滚动捕获 + 无缝拼接。手机浏览器原生不支持，必须依赖外部工具链。
- Android 推荐用 Kiwi Browser（Chromium 内核 + 支持扩展）：安装后前往
chrome://extensions加载Full Page Screen Capture源码（同 PC 版），点图标即可生成整页 PNG；不能装扩展的机型，可用「PicPick」安卓版，选“滚动截图”模式，对准浏览器窗口触发 - iOS 只能曲线救国：用 Safari 打开网页 → 分享 →「添加到阅读列表」→ 等加载完成 → 用「Shortcuts」调用「将阅读列表项导出为 PDF」→ 再用 PDF 工具转 PNG（精度损失大，但唯一免越狱方案）
- 切忌用系统自带截图连按多次再拼图：坐标偏移、字体渲染不一致、滚动抖动会导致接缝明显，第 3 张开始就露馅
为什么 html2canvas 在手机上基本不可用？
不是代码写错，是运行环境硬限制。你在手机 H5 页面里引入 html2canvas，大概率遇到三连崩：
立即学习“前端免费学习笔记（深入）”；
- 内存溢出：
scale: 2在 4K 屏上生成的 canvas 宽高超 8000px，iOS Safari 直接卡死或白屏 - 跨域图片全留空：手机 WebView 对
useCORS: true支持极差，哪怕服务端加了Access-Control-Allow-Origin: *，也常因 TLS 版本或证书链被拦截 - fixed/sticky 元素位置错乱：手机端视口计算逻辑和桌面不同，
getBoundingClientRect()返回值不稳定，导致导航栏被截成两段
真要前端截图，优先走服务端方案：H5 页面把 location.href 发给后端，用 Puppeteer 截，返回 base64 图片——省心，且能控制 fullPage: true 和 waitUntil: 'networkidle0'。
保存路径和权限最容易被忽略的细节
无论用哪种方式，最终图片/文件落地时，手机系统有强约束：
- Android 11+ 默认禁止 App 写入公共 DCIM 目录，
_doc是少数仍可写的路径（如 DCloud 的plus.nativeObj.Bitmap.save()必须存这里） - iOS 的「文件」App 能看到 iCloud Drive 下的
.html，但 Safari 保存的 PDF 默认锁在「收藏夹」里，用户找不到 - 所有方案都绕不开「存储权限」：Android 需
WRITE_EXTERNAL_STORAGE（targetSdkVersion ≤ 29）或MANAGE_EXTERNAL_STORAGE（≥ 30）；iOS 则完全依赖用户是否点了「允许访问相册」弹窗
最稳的交付形态其实是：生成完立刻唤起分享面板（navigator.share({ files: [blob] })），让用户自己决定存哪——不碰权限，不猜路径，也不用解释为什么图片没出现在相册第一行。
