2017-09-11 42 views
0

我想打印/截取整個HTML頁面的屏幕截圖,該頁面是移動應用程序的一個部件,並且在線平臺上編程(無法調用外部代碼鏈接)。在用戶點擊時在手機上打印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中找到,但我從來沒有找到解決方案...

回答

0
<!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> 
+0

沒有任何反應....我不認爲我可以使用像window.print或打開手機 – eduroc92