小票打印机如何支持网页静默打印

DCX903170332 2018-12-21 12:03:53

小票打印机🖨️如何支持网页打印，比如会员系统点击结账静默打印小票不需要弹窗打印预览，服务部署在Linux系统，客户端通过windows访问

...全文

182 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

前言 electron+vuecli3 实现设置打印机，静默打印小票功能网上相关的资料比较少，这里给大家分享一下，希望大家可以少踩一些坑 github地址必须要强调一下的是electron的版本必须是3.0.0不能，我尝试了4和5都没有实现效果图使用 git clone https://github.com/sunnie1992/electron-vue-print-demo.git npm install npm run electron:serve 实现操作思路 1.用户点击打印 2.查询本地electron-store(用来向本地存储，读取数据)是否存打印机名称 3.已

一需求：公司项目需要通过electron调用系统打印机，实现打印小票的功能。二、分析： electron打印大概有两种：第一种：通过window的webcontent对象，使用此种方式需要单独开出一个打印的窗口，可以将该窗口隐藏，但是通信调用相对复杂。第二种：使用页面的webview元素调用打印，可以将webview隐藏在调用的页面中，通信方式比较简单。两个对象调用打印方法的使用方式都一样。本文是通过第二种方法实现静默打印。三、实现过程： 1、要实现打印功能，首先要知道我们的设备上有哪些打印机。方法是：在渲染线程通过electron的ipcRenderer对象发送事件到主线

1、使用场景用户在浏览器做了某项操作后，自动打印小票。 2、测试方式 2.1 JavaScript实现尝试了很多办法，最终都会出现一个弹出框，让用户选择打印机。不符合我们需求。 2.2 lodop 功能比较强大，但是收费的。暂不考虑。 2.3 PAZU 功能也很强大，免费许可。非常赞！详情：http://www.4fang.net/article/tech/pazu_tprinter.html 实现过程： 2.3.1 打印详情页面 <!doctype html> <html> <head> <meta charset="utf-8"> <title>小票</tit

electron-vue-print-demo electron+vuecli3 实现设置打印机，静默打印小票功能使用 git clone https://github.com/sunniejs/electron-vue-print-demo.git npm install npm run electron:serve 生成效果实现操作思路 1.用户点击打印 2.查询本地 electron-store(用来向本地存储，读取数据)是否存打印机名称 3.已经设置，直接打印 4.没有设置，弹出设置打印机框 5.用户设置好确认后打印问题反馈有什么问题可以提 issue 或扫描微信二维码跟我联系，项目持续优化，加群获取最新更新消息关于我您可以扫描添加下方的微信并备注 Sol 加交流群，给我提意见，交流学习。如果对你有帮助送我一颗小星星（づ￣3￣）づ╭:red_heart:～

主要介绍了vue实现打印功能的两种方法,文中通过两种方法给大家介绍了指定不打印区域的解决方法，需要的朋友可以参考下

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章