Question

我想打印/截取我的整个HTML页面的屏幕截图，这是一个移动应用程序的小部件，它在在线平台上编程（无法调用外部代码链接）。

代码非常正常，如下所示：

    <div id="PO">
  
    <table>
    
    <tr>
      <td colspan="3" align="center" bgcolor="#2AD2C9"><h2>Purchase Order</h2></td>
    </tr>
    <tr>
      <td colspan="3" align="center" bgcolor="#97D700"><h3>Equipment</h3></td>
    </tr>
    <tr>
      <td align="center" bgcolor="#D4D4D4"></td>
      <td align="center" bgcolor="#D4D4D4"><b><em>Tipo/Quantity</em></b></td>
    </tr>
    <tr>
      <td align="center" bgcolor="#D4D4D4">Plaque model:</td>
      <td align="center" bgcolor="#D4D4D4"><select id="tipoPlaca" size="1">
        <option id="defaultP" value="0">Select a plaque</option>
         
        </select>
      </td>
    </tr>
    <tr>
      <td align="center" bgcolor="#F4F4F4">Longitud PVC:</td>
      <td align="center" bgcolor="#F4F4F4"><input type="number" id="longitudPVC" onchange="calculoCableria()" size="1"></td>
    </tr>
    <tr>
      <td align="center" bgcolor="#D4D4D4">Arrangements:</td>
      <td align="center" bgcolor="#D4D4D4"><input type="number" id="arrangements" onchange="espacioArreglos()" size="1"></td>
    </tr>
      <tr>
        <td align="center" bgcolor="#D4D4D4">Plaques:</td>
        <td bgcolor="#FFFF00"><div id="container"></div></td>
    </tr>
</table>
</div>

然后有一些JS函数在更改某些输入的值时触发，但我唯一想要的是在使用它的最后，我能够点击一个按钮，会弹出类似新窗口的内容在填写必要的内容后，您看到的图像完全相同。已经尝试了很多不同的方法，所有这些方法都可以在StackOverflow中找到，但我从未找到过解决方案......

Answer 1

<!DOCTYPE html>
<html>
<body>

<p>Click the button to print the current page.</p>

<button onclick="myFunction()">Print this page</button>

<script>
function myFunction() {
    window.print();
}
</script>

</body>
</html>

用户点击后在手机上打印HTML页面

1 个答案: