应优先用MHTML格式保存已完全渲染的H5页：先等待轮播播完两轮、点击所有交互元素确保JS执行完毕，再通过开发者模式启用MHTML导出并手动添加.mht后缀。
当你在悟空浏览器中打开一个全屏轮播、触控滑动、点击展开动画的H5营销页，想完整保存下来离线查看，却发现保存后的MHTML或PDF里图片错位、按钮失灵、轮播卡死——这不是页面坏了，而是浏览器默认只抓取静态快照，无法序列化JavaScript运行时状态与DOM动态变更。
确认页面是否依赖运行时渲染
先验证问题根源：打开该H5页后，在地址栏输入chrome://inspect并回车 → 点击“配置” → 勾选“Discover USB devices”和“Enable port forwarding” → 返回H5页，长按空白处选择“检查元素” → 切换到Console标签页，输入document.readyState并回车。若返回interactive或complete但页面仍有未触发的动画，说明特效由JS延迟加载或用户交互触发，静态保存必然丢失。
这一步必须做，否则后续所有保存操作都在处理“半成品”。
用MHTML格式强制捕获已渲染快照
MHTML能打包当前页面所有已加载资源，但前提是浏览器已完成JS执行并稳定在最终DOM状态。
第一步：打开目标H5页 → 等待所有轮播自动播完两轮、所有懒加载图片显示完毕 → 手动点击所有可交互区域（如“查看详情”按钮、“下滑展开”箭头），确保所有动态模块已激活并渲染。
第二步：点击右上角「•••」→「更多」→「保存页面」→ 在格式选项中【必须选择“MHTML (*.mht)”】（若未显示，请先去「设置 → 关于浏览器」连点版本号7次开启开发者模式，再进「开发者选项」启用“MHTML导出”）。
第三步：保存前，在文件名末尾手动添加“.mht”后缀（例如product_h5_202610.mht），避免系统误判为普通文本文件。
用“另存为网页（全部）”保留可编辑结构
适合需要后期调整文案、替换图片或复用动画逻辑的场景，但会生成HTML+文件夹双组件，路径不能乱动。
方法一：点击右上角「•••」→「更多工具」→「网页另存为」→ 保存类型选“网页，完整” → 指定本地文件夹（如/Download/h5_backup/）→ 确认保存。
方法二：若页面含Canvas绘制的动效（如粒子背景、手写签名），需额外操作——保存后进入生成的文件夹，找到同名HTML文件，用记事本打开，搜索
注意：【保存路径中不能含中文或空格，否则JS引用CSS/图片路径会404】。
通过开发者工具提取关键资源手动重建
当MHTML和网页另存都无法还原轮播逻辑时，说明核心动画由外部JS库（如Swiper、GSAP）或内联Script驱动，必须分离提取。
1、在H5页按F12打开开发者工具 → 切换到Network标签页 → 刷新页面 → 在筛选栏输入js → 找到体积最大、文件名含swiper、animate或main的JS文件 → 右键复制其URL。
2、新开标签页粘贴该URL → 页面将只显示原始JS代码 → 全选复制 → 新建文本文件，粘贴并保存为h5_interactive.js。
3、回到原H5页的Elements面板 → 展开 → 找到所有和<script src=""></script>标签 → 逐个复制其href/src地址 → 在新标签页打开 → 分别保存为style.css、vendor.js等。
4、新建index.html，按标准HTML结构引入上述文件，并在底部添加<script>initSwiper();</script>（函数名需从原始JS中提取）。
