开始之前
- 准备本地 .html 或 .htm 文件;云盘文件需先下载到设备。
- 网页引用的图片、CSS 等资源应保持原目录结构,并让 App 能访问相应文件夹。
- 先用自包含的简单页面检查预览;需要网络的资源受连接和访问权限影响。
操作步骤
打开 HTML 源文件
在改阅中选择已有文件,或把下面的示例保存成 hello.html 后打开。检查内容是 HTML 源码,而非下载失败时保存的错误页面。
预览并调整源码
使用“HTML 效果预览”查看标题、段落和布局,切回源码修改文字或样式。横向内容可使用提供的横屏预览入口检查。
确认图片和样式资源
相对路径应相对于 HTML 所在目录。例如 images/chart.png 需要真实存在对应图片,并具备目录读取权限。单独分享一个 HTML 文件可能遗漏依赖资源。
导出 PDF
在文件菜单的 HTML 分区选择“导出 PDF”,等待生成完成,然后选择保存位置。查看输出的分页和边距;网页上的滚动或交互不会成为 PDF 交互功能。
保存源码并检查 PDF
如需保留修改,另行保存 HTML。再从输出位置重开 PDF,检查最后一页、长表格、图片和中文文字是否完整。
不依赖外部资源的测试页面
HTML<!doctype html>
<html lang="zh-CN">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>阅读笔记</title>
<style>body{font:18px/1.7 system-ui;margin:32px}h1{color:#245ca6}</style>
<h1>阅读笔记</h1>
<p>先检查预览,再导出 PDF。</p>
</html>将完整示例保存为 hello.html,可先测试标题、中文和样式,再加入自己的图片和内容。
完成后检查
保留 HTML 和所需资源,重开导出的 PDF,确认正文、图片和最后一页完整。
支持范围与限制
- 这是 HTML 源码编辑与预览,不提供可视化拖拽建站或任意在线网站的完整离线保存。
- 外部字体、远程图片、脚本生成内容与复杂打印样式可能影响输出;屏幕预览不保证与 PDF 分页完全一致。
- 大文件轻量模式可能关闭实时预览与高级导出入口。保留原文件,先用较小的测试文档确认流程。
遇到问题时
图片或 CSS 没有显示
检查文件名大小写、相对路径和资源是否下载;确认 App 对资源目录有访问权限。远程资源还需要可用网络。
PDF 中的分页和网页不同
网页是连续画布,PDF 是分页文档。检查长表格、固定定位和页面边缘;简化布局后重新导出。
找不到预览或导出入口
确认文件识别为 HTML,而非 .txt,并检查是否进入大文件轻量模式。先用本页的小示例测试。
常见问题
可以把 AI 生成的 HTML 报告转成 PDF 吗?
可以尝试打开实际 HTML 文件,先检查内容和依赖资源,再导出 PDF。需要登录或复杂脚本的网站不能保证完整转换。
导出 PDF 会保存修改过的 HTML 吗?
不会替代源码保存。需要继续修改的 HTML 应单独保存,PDF 作为阅读或交付副本。
操作说明按当前功能核对;不同版本的入口位置可能略有差异。