一种基于浏览器的自动小票机打印实现方案一种基于浏览器的自动小票机打印实现方案(js版版)
主要介绍了一种基于浏览器的自动小票机打印实现方案(js版)的相关资料,非常不错,具有参考借鉴价值,需要的
朋友可以参考下
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>小票</title>
<style>
body {
margin: 0px;
padding: 0px;
font-size: 11px;
}
hr{width: 100%; border: 1px dashed black;}
/*****************
小票
*****************/
.table .title{
font-size:14px;
}
.table{
width:100%;
}
.table .left{
text-align:right;
}
</style>
</head>
<body>
<table class="table">
<tr>
<td align="center" class="title">ABC学校</td>
</tr>
<tr>
<td align="center">小票</td>
</tr>
<tr>
<td><hr size="1" /></td>
</tr>
</table>
<table class="table">
<caption>
<col style="width:40%">
<col style="width:60%">
</caption>
<tbody>
<tr>
<td class="left">签到时间:</td>
<td class="right">2015年10月19日 15:30</td>
</tr>