Question

我想从网络浏览器打印Brother标签打印机的标签。我知道DYMO有一个JavaScript框架，可以简化浏览器的打印。但我的客户使用的是Brother标签打印机，所以我需要让它工作。

我一直在做一些测试和一些搜索，令人惊讶的是，关于这个主题的信息很少。

到目前为止，我唯一获得成功的浏览器是Google Chrome，因为它似乎没有打印页眉和页脚。我已经安装了打印机/驱动程序并创建了一个定制的自定义纸张尺寸，尺寸为62 x 29毫米。

Custom Paper Size

当我尝试打印时，它会将文本分成5个标签。我在要打印的页面上有以下文字：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Print</title>
</head>
<body>

<p style="margin: 0; padding: 0; line-height: 13px; font-size: 11px; font-family: Arial; font-weight: normal; border: 1px solid #000;">Line 1<br />
Line 2</p>

</body>
</html>

但是从打印阙样本中可以看到它打印了5页。

Custom Paper Size

之前是否有人处理此问题或有任何建议。

更新

将上面第一个屏幕截图中列出的边距更改为0后，将其缩小到两页。但它周围仍有很大的差距：

2 Pages

Answer 1

这个答案不能100％解决您的问题。我已经使用自定义纸张设置对Safari进行了测试 - 与您的示例相同。我正在测试打印到PDF，所以可能使用特定的打印机驱动程序，它会表现得有点不同。您的示例CSS和HTML缺少边距和填充重置。以下是@media print的示例：

@media print {
    body, html, p {
        margin: 0pt !important;
        padding: 0pt !important;
    }
    @page {
       margin: 0pt !important;
       padding: 0pt !important;
    }
}

使用此设置，在一页上有2行文字，悬停时仍有一些余地不能缩小为0.

从浏览器打印到Brother标签打印机

1 个答案: