讲师中心 微信公众号
AI工具推荐 视频效率加速

html怎样本地无网转pdf_无网本地转html法【攻略】

落强吖_7701

落强吖_7701

发布时间:2026-01-19 19:34:51

|

2668人浏览过

|

来源于php中文网

原创

wkhtmltopdf、Chrome/Edge Headless、weasyprint均可离线转HTML为PDF,前提是HTML及所有依赖(CSS、JS、字体、图片)均为本地资源且路径正确,禁用远程引用与动态网络请求。

html怎样本地无网转pdf_无网本地转html法【攻略】

用 wkhtmltopdf 直接转本地 HTML(无网络依赖)

只要 HTML 文件不引用远程资源(比如 <script src="https://cdn.example.com/jquery.js"><img src="http://...">),wkhtmltopdf 就能完全离线运行。它本质是把本地 WebKit 渲染引擎打包进命令行工具,不走浏览器、不连网络。

  • 必须下载对应系统架构的静态二进制版(如 wkhtmltopdf-0.12.6-2-buster-amd64.deb 或 Windows 的 wkhtmltopdf-installer.exe),不要用包管理器装的“精简版”(如 Ubuntu 的 apt install wkhtmltopdf 默认装的是无 QT WebKit 的阉割版,会报 QXcbConnection: Could not connect to display
  • 确保 HTML 中所有路径都用相对路径或 file:// 绝对路径,例如:<link rel="stylesheet" href="./style.css"><img src="file:///home/user/report/logo.png">
  • 若含中文,务必在 HTML 里声明编码,并加 --encoding utf-8 参数,否则 PDF 中文字乱码

Chrome/Edge Headless 模式(需提前下载好浏览器)

Chromium 内核的浏览器支持离线 PDF 导出,但前提是浏览器本身已安装且不依赖在线更新——也就是说,你得用离线安装包(如 google-chrome-stable_120.0.6099.224-1_amd64.deb)并禁用自动更新。

  • 导出命令示例(Linux/macOS):
    chromium-browser --headless --disable-gpu --print-to-pdf="/path/output.pdf" "file:///path/input.html"
  • Windows 上注意路径写法:
    chrome.exe --headless --disable-gpu --print-to-pdf="C:\out.pdf" "file:///C:/report/index.html"
  • 关键限制:HTML 里不能有 fetch()XMLHttpRequest 或任何动态加载远程数据的 JS;CSS 和字体也必须本地可读,否则渲染空白
  • 首次运行可能弹窗提示“无法连接到网络”,这是 Chromium 检查更新的默认行为,加 --no-sandbox --disable-sync --disable-background-networking 可压制

Python + weasyprint(纯 Python 方案,真正零外部依赖)

weasyprint 是纯 Python 实现的 HTML → PDF 渲染器,底层用 CairoPango,不调用浏览器也不联网,适合嵌入脚本或 CI 环境。

Python数据分析(免费版)
Python数据分析(免费版)

提供Python数据清洗、统计分析与可视化建议,覆盖业务报表与科研数据的快速处理流程。

下载
  • 安装命令:
    pip install weasyprint
  • 基础用法:
    from weasyprint import HTML
    HTML('index.html').write_pdf('output.pdf')
  • 注意点:不支持 JavaScript、不支持 Flexbox 新语法(如 gap)、CSS Grid 仅部分支持;中文字体必须显式注册,否则显示方块:
    from weasyprint import HTML, CSS
    from weasyprint.fonts import FontConfiguration
    
    font_config = FontConfiguration()
    css = CSS(string='@font-face { src: url("./NotoSansCJKsc-Regular.otf"); font-family: "Noto" } body { font-family: "Noto" }', font_config=font_config)
    HTML('index.html').write_pdf('out.pdf', stylesheets=[css], font_config=font_config)

常见失败原因和绕过方法

不是工具不行,而是 HTML 本身“偷偷联网”或路径失效。遇到空白 PDF、字体缺失、样式错乱,优先排查这些:

立即学习前端免费学习笔记(深入)”;

  • <link rel="stylesheet" href="https://fonts.googleapis.com/css2?...> → 改为本地下载 CSS 并替换 URL,或用 @import 引入本地文件
  • 内联 SVG 含 <image xlink:href="http://..."> → 改成 base64 编码或本地 file:// 路径
  • 使用了 Google Fonts 的 <link href="https://fonts.googleapis.com/..."> → 下载对应 TTF/OTF 字体,用 @font-face 本地加载
  • PDF 里图片位置错乱 → 检查 HTML 中图片是否设了 width/heightweasyprint 对 auto 尺寸支持弱,建议显式写死或用 max-width: 100%

真正离线的关键,从来不是选哪个工具,而是 HTML 文件及其全部依赖(CSS、JS、字体、图片)是否物理存在于本地且路径可解析。工具只是执行者,别让它替 HTML 背锅。

热门AI工具

更多
Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

相关专题

更多
视频后缀名都有哪些
视频后缀名都有哪些

视频后缀名都有avi、mpg、mpeg、rm、rmvb、flv、wmv、mov、mkv、ASF、M1V、M2V、MPE、QT、VOB、RA、RMJ、RMS、RAM、等等。更多关于视频后缀名的相关知识,详情请看本专题下面的文章,php中文网欢迎大家前来学习。

9525

2023.10.31

C++ Qt图形开发
C++ Qt图形开发

本专题专注于 C++ Qt框架在图形界面开发中的应用,系统讲解窗口设计、信号与槽机制、界面布局、事件处理、数据库连接与跨平台打包等核心技能,通过多个桌面应用项目实战,帮助学员快速掌握 Qt 框架并独立完成跨平台GUI软件的开发。

3582

2025.08.15

C++ 图形界面开发基础(Qt方向)
C++ 图形界面开发基础(Qt方向)

本专题系统讲解 使用 C++ 与 Qt 进行图形界面(GUI)开发的核心技能,内容涵盖 Qt 项目结构、窗口组件、信号与槽机制、事件处理、布局管理、资源管理,以及跨平台编译与打包流程。通过多个小型桌面应用实战案例,帮助学习者掌握从界面设计到功能实现的完整 GUI 开发能力。

1341

2025.12.05

jquery插件有哪些
jquery插件有哪些

jquery插件有jQuery UI、jQuery Validate、jQuery DataTables、jQuery Slick、jQuery LazyLoad、jQuery Countdown、jQuery Lightbox、jQuery FullCalendar、jQuery Chosen和jQuery EasyUI等。本专题为大家提供jquery插件相关的文章、下载、课程内容,供大家免费下载体验。

561

2023.09.12

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

896

2023.10.13

jquery删除元素的方法
jquery删除元素的方法

jquery可以通过.remove() 方法、 .detach() 方法、.empty() 方法、.unwrap() 方法、.replaceWith() 方法、.html('') 方法和.hide() 方法来删除元素。更多关于jquery相关的问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2062

2023.11.10

jQuery hover()方法的使用
jQuery hover()方法的使用

hover()是jQuery中一个常用的方法,它用于绑定两个事件处理函数,这两个函数将在鼠标指针进入和离开匹配的元素时执行。想了解更多hover()的相关内容,可以阅读本专题下面的文章。

2068

2023.12.04

jquery实现分页方法
jquery实现分页方法

在jQuery中实现分页可以使用插件或者自定义实现。想了解更多jquery分页的相关内容,可以阅读本专题下面的文章。

453

2023.12.06

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

0

2026.09.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 1.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 5.6万人学习

CSS教程
CSS教程

共754课时 | 93.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn