设置window.print()默认横向打印

背景：打印表格内容太多，需要默认横向打印

首先使用css | @page设置打印样式

@page {
    size: landscape;
}

验证时发现谷歌浏览器可以用，IE浏览器不兼容。

IE浏览器默认横向打印的设置

模拟键盘事件：

<script>
  function doPrint() {
    try {
      const RegWsh = new ActiveXObject("WScript.Shell");
      RegWsh.sendKeys("%fu");
      RegWsh.sendKeys("%a");
      RegWsh.sendKeys("{ENTER}");

      WebBrowser.execwb(8, 1); //弹出打印设置

      window.print();
    } catch (error) {
      throw error;
    }
  }
</script>

<body>
  <object
    id="WebBrowser"
    height="0"
    width="0"
    classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
    viewastext
  ></object>
  <div>这是一段需要打印的文本</div>
  <button onclick="doPrint()">打印按钮</button>
</body>

运行时发现，点击打印按钮，直接弹出设置页面，需要手动选择横向打印或者纵向打印，并不能达到不用手动设置就能默认横向打印的目的。

使用ScriptX插件设置打印参数

ScriptX插件可以支持设置浏览器打印参数(IE浏览器兼容)，ScriptX下载地址。下载完成后直接默认安装即可。

安装成功之后则需要找到安装目录下的redist文件夹，将文件夹下的smsx.cab拷贝到项目中。然后在<object>的codebase中添加控件的绝对路径。如：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="user-scalable=0, initial-scale=1, minimum-scale=1, width=device-width, height=device-height"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <title>打印demo</title>
    <style>
      body {
        margin: 0;
      }
    </style>
    <script>
      function doPrint() {
        factory.printing.portrait = false; //打印方向，true:纵向.false:横向
        window.print();
      }
    </script>
  </head>

  <body>
    <object
      id="factory"
      viewastext
      style="display:none"
      classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
      codebase="smsx.cab#Version=7,0,0,8"
    >
    </object>

    <div>打印内容。。。</div>
    <button onclick="doPrint()">打印</button>
  </body>
</html>

设置window.print()默认横向打印

IE浏览器默认横向打印的设置

使用ScriptX插件设置打印参数

推荐阅读更多精彩内容