如何在Laravel中使用JavaScript实现无打印预览对话框直接打印

核心结论 #

无法通过纯前端JavaScript编程实现全浏览器通用的跳过打印预览效果，这是浏览器出于安全和用户权限控制做的强制限制，前端调用window.print()默认一定会触发系统/浏览器的打印预览弹窗，该限制和你使用的Laravel框架没有直接关系，Laravel作为后端框架也无法直接控制浏览器的打印行为。

可落地的替代实现方案 #

• 可控终端配置规则：如果是内部收银类系统，所有使用终端都在你的管控范围内，可以直接配置浏览器规则实现静默打印。Chrome可以添加启动参数--kiosk-printing，火狐可以在about:config配置页将print.always_print_silent修改为true，配置完成后调用window.print()就会直接调用默认打印机打印，不会弹出预览窗口。
• 后端直接对接打印机：如果是对外场景无法控制用户终端，可在Laravel后端集成打印类库（比如escpos-php），直接对接热敏打印机的ESC/POS指令，后端生成收据打印数据直接发送给打印机，完全跳过浏览器环节，非常适合收据这类标准化打印场景，你只需要把收据数据传给后端处理即可。
• 桌面端封装方案：如果是桌面端使用场景，可以给系统套一层Electron壳，Electron中可以通过webContents.print({silent: true})参数直接触发静默打印，不需要弹出预览，原有前端和Laravel后端的逻辑不需要做大幅修改。

现有代码优化点 #

你当前的代码是页面加载后自动打印，如果需要适配点击按钮触发的需求，可以调整为如下逻辑：

<script type = 'text/javascript'>  
  // 绑定打印按钮点击事件
  document.querySelector('#print-btn').addEventListener('click', function() {
    // 此处可先处理收据内容渲染、隐藏页面非打印区域
    window.print();
  })
</script>

如果终端已经配置了浏览器静默打印规则，上述代码点击按钮后就会直接触发打印，不会弹出预览。

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