用户点击后在移动设备上打印 HTML 页面答案

【问题标题】：Print HTML page on mobile upon user click用户点击后在移动设备上打印 HTML 页面
【发布时间】：2017-09-11 15:50:35
【问题描述】：

我想打印/截取我的整个 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 中找到，但我从未找到解决方案...

【问题讨论】：

标签： javascript android jquery html mobile

【解决方案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>

【讨论】：

什么都没有发生......我不认为我可以在手机中使用window.print或.open之类的命令