javascript可以获取或设置打印机信息吗？

Question

通过Javascript（或jquery）可以执行以下操作之一...

1. 找出浏览器打印对话框的当前页面大小和方向。

要么

2. 设置（或至少建议）浏览器的打印对话框的页面大小和方向。

我有各种尺寸和尺寸的图像，我想提供一种可打印的表格，该表格可以最大程度地利用所选的页面尺寸。 即我想缩放和/或旋转图像，以使其占据尽可能多的页面。

还是有办法在CSS中处理呢？

Answer 1

由于打印对话框是特定于操作系统的，因此这超出了JS的范围。

但是，最接近配置的是CSS中的媒体查询或<link>标签的media属性 。 无需建议页面大小和/或方向，只需调整页面使其看起来适合打印即可。 这也可能意味着屏幕上的CSS与印刷品完全不同。 只需确保您的HTML已创建以适应这种情况。

或者更好的是，提供一个完全不同的页面，使用完全不同的CSS进行打印。 这样一来，您不必对单个页面进行过多的设计，就可以在一种以上的介质上看起来不错（并且最终得到意大利面）。

Answer 2

我不知道是否有任何方法可以定位在打印介质上工作的特定页面尺寸，但是当用户以纵向打印时，可以使横向图像旋转90度。 这在Firefox中有效（尚未测试其他产品）：

<!DOCTYPE html>
<html>
  <head>
    <style>
      @media print {
        body {
          margin: 0;
        }
      }
      @media print and (orientation:portrait) {
        .landscapeImage {
          -moz-transform-origin: 200px 200px; /* set both values to half of image height */
          -ms-transform-origin: 200px 200px; /* set both values to half of image height */
          -webkit-transform-origin: 200px 200px; /* set both values to half of image height */
          transform-origin: 200px 200px; /* set both values to half of image height */
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
        }
      }
      .landscapeImage { /* faux image */
        height: 400px;
        width: 600px;
        display: inline-block; /* not part of solution */
        box-sizing: border-box; /* not part of solution */
        border: 4px solid black; /* not part of solution */
      }
    </style>
  </head>
  <body>

    <div class="landscapeImage">
      Pretend this is an image
    </div>

  </body>
</html>

多页打印作业可能会复杂得多。