HTML转换工具使用教程及格式转换方法

90% 是字体没嵌入，不是编码问题——utf-8 已是默认，但多数 PDF 生成库（如 pdfmake、jsPDF）自带字体不包含中文字形。

性能影响明显：强行用 addFont 加载 10MB 的 Noto Sans CJK，首屏生成延迟从 200ms 拉到 2s+。

• pdfmake 必须预处理字体：用 pdfmake/fonts 工具把 ttf 转成 base64 字符串，再在 vfs.js 里注册，漏一步就空白
• jsPDF + html2canvas 组合更灵活，但要设 useCORS: true 且服务端允许跨域，否则图片和字体资源加载失败静默丢弃
• 服务端生成（如 Puppeteer）最省心：page.pdf({ fontEmbedding: true }) 自动处理，但得确保 Docker 容器里装了 fonts-wqy-zenhei 这类中文字体包

为什么本地双击打开 HTML 文件转 JSON 会失败

因为浏览器同源策略限制：file:// 协议下，fetch("./data.html") 或 XMLHttpRequest 直接被拒，控制台报 net::ERR_FAILED，不是代码写错了。

容易踩的坑：调试时以为是路径写错，反复改 ./ ../，其实根本没发出去请求。

• 开发阶段用 npx http-server 起个本地服务，地址变成 http://localhost:8080 就一切正常
• 如果必须离线运行，改用 FileReader 读取本地文件：input[type="file"] 触发后调 readAsText，绕过网络请求
• Electron 或 Tauri 应用不受此限，但要注意 webPreferences.contextIsolation 开启后，需用预加载脚本暴露 fs API

真正麻烦的是混合场景：HTML 里有相对路径的 CSS/JS，用 FileReader 读进来后这些资源全 404——这时候不是转格式的问题，是整个加载模型得重设计。

理论要掌握，实操不能落！以上关于《HTML转换工具使用教程及格式转换方法》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！