HTML / PDF

iPhone 如何打开 HTML 文件、预览并导出 PDF

在改阅打开 .html 文件,使用“HTML 效果预览”查看页面,需要修改时切回源码。从文件菜单的 HTML 分区选择“导出 PDF”,选择输出位置;源码的保存与 PDF 导出是两件独立操作。

开始之前

  • 准备本地 .html 或 .htm 文件;云盘文件需先下载到设备。
  • 网页引用的图片、CSS 等资源应保持原目录结构,并让 App 能访问相应文件夹。
  • 先用自包含的简单页面检查预览;需要网络的资源受连接和访问权限影响。

操作步骤

  1. 打开 HTML 源文件

    在改阅中选择已有文件,或把下面的示例保存成 hello.html 后打开。检查内容是 HTML 源码,而非下载失败时保存的错误页面。

  2. 预览并调整源码

    使用“HTML 效果预览”查看标题、段落和布局,切回源码修改文字或样式。横向内容可使用提供的横屏预览入口检查。

  3. 确认图片和样式资源

    相对路径应相对于 HTML 所在目录。例如 images/chart.png 需要真实存在对应图片,并具备目录读取权限。单独分享一个 HTML 文件可能遗漏依赖资源。

  4. 导出 PDF

    在文件菜单的 HTML 分区选择“导出 PDF”,等待生成完成,然后选择保存位置。查看输出的分页和边距;网页上的滚动或交互不会成为 PDF 交互功能。

  5. 保存源码并检查 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 作为阅读或交付副本。

操作说明按当前功能核对;不同版本的入口位置可能略有差异。