网页H5实现美团接单连接打印机打印客户下单信息

最新推荐文章于 2024-10-28 10:33:26 发布

汤米～

最新推荐文章于 2024-10-28 10:33:26 发布

阅读量2k

点赞数 1

分类专栏： H5

猫咪博客

本文链接：https://blog.csdn.net/weixin_44407556/article/details/109293676

版权

本文介绍了如何在H5网页上实现美团接单的打印功能，利用jQuery插件连接打印机，通过window.print()方法，将订单信息包裹在和标签中，再结合后台返回的数据进行循环渲染展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1,首先映入jQuery插件连接打印机需要使用到JavaScript中window.print()方法把要打印的内容包裹在，通过开始、结束标记

<!--startprint-->
要打印的内容
<!--endprint-->

2，使用jQuery拿到元素实现数据绑定拿到后台返回数组循环渲染到页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>外卖打印</title>

	</head>
	<style>
		.waimai{
			text-align: left;
			border-bottom: 1px solid #000000;
		}
	.shopBox{
		list-style: none;
	}
	</style>
	<body>
		<!--startprint-->
		<table  class="waimai">
		    <tr style="width: 100%;">
		        <td><span class="zong">天&nbsp;&nbsp;地&nbsp;&nbsp;和&nbsp;&nbsp;外 
                &nbsp;&nbsp;卖</span> <br /></td>
		    </tr>
		    <tr>
		        <td>