<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>print-web</title>

    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="stylesheet" href="/global.css" />
    <style>
      body {
        padding: 100px;
        background-color: burlywood;
      }
      button {
        margin-top: 30px;
      }

      table {
        font-size: 15px;
        background-color: #fff;
      }

      tr {
        height: 50px;
      }

      th,
      td {
        width: 200px;
        text-align: center;
      }
    </style>
  </head>

  <body>
    <div style="display: none;">
      <table border id="print-web">
        <tbody>
          <tr>
            <th colspan="2">print-web 打印</th>
          </tr>
          <tr>
            <td>abc</td>
            <td>abc</td>
          </tr>
        </tbody>
      </table>
    </div>
    <button onclick="startPrint()">开始打印</button>
  </body>
</html>

// 默认直接识别 id="print-web"
import p from "print-web";

p();

如果需要打印非页面内容可以使用 div style="display: none" 将要打印的内容包裹

api

p({
  
})

License

MIT

FAQs

What is print-web?

Is print-web well maintained?

Package last updated on 23 Mar 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install