你有没有遇到过这样的场景:
电商后台需要批量打印发货单,每点一次打印,浏览器就弹出一次预览窗口,员工不得不守在电脑前不断点击"确认打印";
企业ERP系统要输出上百页的财务报表,结果样式错乱、表格断页,还得手动调整;
连锁门店需要远程打印小票,技术人员却告诉你"Web应用没法直接指定远程打印机"......
这些问题的根源不在于"能不能打印",而在于浏览器为了安全限制了Web应用对打印硬件的直接控制。而今天要介绍的 web-print-pdf,正是为解决这些专业打印需求而生的 Node.js 工具包。
它是什么?
web-print-pdf 是一个基于 Playwright 内核的跨平台 Web 打印解决方案,以 npm 包形式提供。它的核心理念是:让 Web 前端像调用本地打印一样,轻松实现静默打印、远程打印、PDF 生成等企业级功能。
你不需要改造现有系统,不需要让用户安装额外的浏览器插件,只需要几行代码,就能让 Web 应用拥有桌面软件般的打印控制能力。
它能解决哪些实际问题?
✅ 真正的静默打印(无弹窗、预览)
传统的 window.print() 必然会弹出系统打印对话框,用户必须手动点击"打印"才能继续。而在 web-print-pdf 中,只需一个参数:
javascript
import { printHtml } from 'web-print-pdf';
await printHtml({
content: document.getElementById('receipt').innerHTML,
silent: true, // 无弹窗,无预览
printer: 'Receipt_Printer', // 直接指定打印机
copies: 2
});
收银员点一下按钮,小票自动打印,全程无感知,高峰期效率提升立竿见影。
✅ 精确控制打印机和纸张
你可以从系统中获取已安装的打印机列表,并动态指定目标打印机:
javascript
// 获取所有打印机
const printers = await getPrinters();
// 选择标签打印机
const labelPrinter = printers.find(p => p.name.includes('Zebra'));
await printHtml({
content: shippingLabelHtml,
printer: labelPrinter.name,
paper: { size: '100x150mm', orientation: 'landscape' }
});
支持 A4、A5、80mm 热敏纸、自定义尺寸等,完全满足电商面单、医疗标签、财务凭证等不同场景。
✅ 高质量的 PDF 生成与预览
不是截图式的 PDF,而是真正可复制、可搜索的矢量 PDF。并且支持生成预览链接:
javascript
const previewUrl = await previewHtml({
content: reportHTML,
options: {
header: '月度销售报告',
footer: '第 {page} 页 / 共 {totalPages} 页',
watermark: { text: '预览版', opacity: 0.2 }
}
});
// 在新窗口打开预览
window.open(previewUrl);
用户可以先确认预览效果,再点击打印,而且这个预览是真实的 PDF 文档,不是浏览器自带的打印弹窗。
✅ 批量打印 + 队列管理
双十一大促期间,订单如潮水般涌来,系统不能崩溃,打印机也不能过载。web-print-pdf 内置了轻量级的打印队列:
javascript
import { createPrintQueue } from 'web-print-pdf';
const queue = createPrintQueue({
concurrency: 2, // 同时最多2个打印任务
delay: 300, // 每个任务间隔300ms
onProgress: (done, total) => {
console.log(`已打印: ${done}/${total}`);
}
});
orders.forEach(order => {
queue.add(() => printHtml({
content: generateOrderHtml(order),
silent: true,
printer: 'Shipping_Printer'
}));
});
await queue.start();
稳定、可控,再也不怕大批量打印把系统拖垮。
✅ 远程打印(最新功能)
总部在北京,门店在上海,如何让上海的前台通过 Web 系统直接打印上海店里的收据?
web-print-pdf 新增的远程打印模块,让这件事变得简单:
javascript
await remotePrint({
document: {
type: 'html',
content: ticketHTML
},
printer: {
id: 'shanghai-store-01', // 远程打印机ID
location: 'branch'
},
remoteConfig: {
endpoint: 'https://print-gateway.example.com',
authToken: 'your-secure-token'
}
});
打印任务经过加密传输,安全送达指定门店的打印机,分布式办公从未如此简单。
技术优势:为什么它比自研方案更可靠?
很多大公司遇到打印需求时的第一反应是"自己封装一个 Electron 应用",但这条路往往踩坑无数:
· 内存泄漏 ------ 窗口开多了不回收
· 跨平台差异 ------ Windows 能打,Mac 报错
· 并发控制 ------ 打印机任务堆积,系统卡死
而 web-print-pdf 直接选用 Playwright 作为内核,这是微软出品的自动化测试工具,稳定性、并发能力、跨浏览器兼容性都经过全球开发者验证。项目团队在 Playwright 的基础上做了大量减法:只保留打印、PDF 生成、预览等核心功能,移除不必要的依赖,优化内存回收策略。
实测数据(来自某电商客户的生产环境):
· 单任务内存占用:80-120MB(原生 Playwright 约 150-200MB)
· 简单页面打印耗时:400-800ms(原生约 800-1200ms)
· 10 个任务并发:5.2 秒完成(原生约 8.5 秒)
用更少的资源,做更多的事。
适用场景:哪些项目应该考虑它?
场景 传统方案痛点 web-print-pdf 的价值
电商后台批量打单 弹窗频繁,人工干预多 全自动静默打印,效率提升 80%
连锁零售收银系统 不同门店打印机难管理 支持远程打印,统一调度
医院检验报告 样式要求严格,不能出错 PDF 预览 + 精准分页
政务办事大厅 凭证格式需符合国家标准 任意复杂表格完美渲染
制造业工艺卡 需打印到特殊纸张 支持自定义纸张尺寸
如果你的项目遇到以下任意一条,都值得试试:
· ☑️ 需要不弹窗、无预览的直接打印
· ☑️ 需要指定打印机(如发票机、标签机)
· ☑️ 需要批量处理大量打印任务
· ☑️ 需要远程打印到其他办公地点
· ☑️ 需要高质量 PDF 预览再决定是否打印
快速上手:3 分钟接入
第 1 步:安装
bash
npm install web-print-pdf
第 2 步:部署本地打印服务
web-print-pdf 需要配合一个轻量级的本地服务(基于 Electron)使用。这个服务只需部署一次,所有 Web 应用均可复用。
第 3 步:调用 API
javascript
import { printPdfByUrl } from 'web-print-pdf';
// 打印远程 PDF 文件
await printPdfByUrl({
url: 'https://example.com/invoice.pdf',
silent: true,
printer: 'HP-LaserJet-MFP'
});
就是这么简单。你不需要关心底层是如何调用 CUPS 还是 Win32 API,一个函数解决战斗。
写在最后
在 Web 技术几乎能搞定一切今天,"打印"依然是那个最顽固的难题。不是技术做不到,而是浏览器为了安全筑起了高墙。而 web-print-pdf 选择了一条务实的路径:不挑战浏览器的安全边界,而是在边界之外建立一个"打印代理"。
它没有试图发明新的打印标准,只是把 Playwright、PDF 生成、队列管理等成熟技术组合起来,并封装成符合前端开发者习惯的 Promise API。
如果你正在为项目的打印功能焦头烂额,不妨花半小时试试它。也许这就是你一直在找的那个"把问题彻底解决掉"的工具。
GitHub / npm:搜索 web-print-pdf
项目地址:https://www.npmjs.com/package/web-print-pdf
本地打印服务下载:见项目 README 说明