如何使用HTML从标签打印机打印标签

Question

我有一个应用程序，需要在浏览器中打印标签。我以前曾经实现过打印标签页（例如 Avery 5160）。这相当简单，只需要使用一些html和css的组合，并添加内容，就可以从正常的8.5x11打印机上打印出页面。

然而，我的问题是，我需要从标签打印机上打印标签，这种打印机每次只会从卷中打印一个标签。将要使用的具体型号是 Brother QL-500。我遇到的困难是，需要打印的标签数量不总是相同的，可能是1个，也可能是4个，甚至是15个。如何设计一个页面让打印机知道需要逐个打印每个标签，而不是将所有内容都打印在一个长标签上。是否有人知道这是否可能/已经成功做到了呢？

- joelclark1991

Answer 1

网页无法查询浏览器连接的打印机的纸张大小或其他属性。

然而，CSS3的Paged-Media模块允许网页声明所需的纸张大小和方向，但由于它处于工作草案状态，我不认为任何浏览器目前支持它。

最好的方法是提供自己的纸张大小列表，并使用JavaScript重新布局页面，并警告用户（最好是用大号、红色、粗体文本）必须确保页面上的尺寸选择与打印机设置完全匹配。

另一种选择是使用类似Google Cloud Print的系统，用户在计算机上安装一个程序来控制打印机（通过Google），您的网站将向Google发送打印请求，而不是使用浏览器自己的打印功能。

- Dai

---

当用户从浏览器打印到此标签打印机时，它将始终是相同大小的标签，因此更改纸张的大小并不是我真正需要考虑的事情。我更关心如何处理不同数量的标签。从您的答案中可以看出，如果我将页面大小设置为标签大小（即1" x 3"），并正确定位内容，则应在正确位置分页并逐个打印标签。这正确吗？ - joelclark1991