如何使用JavaScript实现无弹窗或固定配置打印PDF

出于浏览器安全沙箱的强制限制，纯前端JavaScript没有权限绕过系统打印对话框直接触发打印，所有纯前端打印类库（包括你使用的Print.js）都受该规则约束，无法直接满足你的需求，只能结合客户端能力实现。

可控客户端场景（如企业内部系统、固定工位设备） #

这类场景是静默打印的常见使用场景，有两种成熟实现方案：

• 方案1：部署本地轻量打印服务
  客户端本地运行一个简易HTTP服务，前端点击打印按钮时将PDF文件地址/文件流发送给本地服务，由服务调用系统底层打印接口完成打印，所有参数可完全固定。
  以下是Node.js实现的本地打印服务核心代码，需提前安装pdf-to-printer依赖：

  const express = require('express');
  const { print } = require('pdf-to-printer');
  const app = express();
  app.use(express.json());
  
  // 配置跨域，仅限内网环境使用
  app.all('*', (req, res, next) => {
    res.header('Access-Control-Allow-Origin', '*');
    next();
  });
  
  app.post('/print', async (req, res) => {
    try {
      const { pdfUrl } = req.body;
      // 所有打印参数固定，无需用户配置
      await print(pdfUrl, {
        printer: "指定的固定打印机名称",
        pages: "1-2", // 按需设置固定打印页数
        paperSize: "A4", // 按需设置固定纸张格式
        silent: true
      });
      res.send({ code: 0, msg: "打印任务提交成功" });
    } catch (e) {
      res.status(500).send({ code: 1, msg: "打印失败", error: e });
    }
  });
  
  app.listen(3210, () => console.log("打印服务运行在端口3210"));
  

  前端调用代码：

  document.getElementById('printBtn').addEventListener('click', async () => {
    await fetch('http://localhost:3210/print', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ pdfUrl: '待打印的PDF文件地址' })
    })
  })
  

• 方案2：修改浏览器启动参数（仅Chromium内核浏览器适用）
  给Chrome/Edge浏览器添加启动参数--kiosk-printing，配置完成后浏览器触发打印时会直接调用默认打印机打印，不会弹出打印对话框，无需修改业务代码，适合固定设备部署场景。

公网用户场景 #

公网环境无法强制要求用户配置客户端环境，没有实现完全静默打印的可能，只能通过打印CSS锁定可配置参数，尽可能降低用户可修改范围：

@media print {
  @page {
    size: A4;
    margin: 10mm;
  }
  /* 隐藏无需打印的页面元素 */
  .no-print-area {
    display: none;
  }
}

内容的提问来源于stack exchange，提问作者Cris