【发布时间】：2020-04-03 12:48:26
【问题描述】：
我需要为我正在进行的学校项目打印收据。我正在尝试使用 window.print() 打印包含此收据的页面。只有当我按下打印按钮时，它才不会打印任何东西，只会给我一个空白 PDF
<div id='bon_overzicht'>
<table id='bon'>
<thead>
<tr>
<th>Product</th>
<th>Aantal</th>
<th>Prijs p/s</th>
<th>Totaal</th>
</tr>
</thead>
<tbody> <tr>
<td>Biefstuk in champignonsaus</td>
<td>2</td>
<td>€ 11,95</td>
<td>€ 23,90</td>
</tr> <tr>
<td>Chocolademousse</td>
<td>3</td>
<td>€ 4,95</td>
<td>€ 14,85</td>
</tr> <tr>
<td>Groentesoep</td>
<td>1</td>
<td>€ 3,95</td>
<td>€ 3,95</td>
</tr> <tr>
<td>Aspergesoep</td>
<td>3</td>
<td>€ 4,95</td>
<td>€ 14,85</td>
</tr> <tr>
<td>Bonengerecht met diverse groen</td>
<td>1</td>
<td>€ 11,95</td>
<td>€ 11,95</td>
</tr> <tr>
<td>Per glas</td>
<td>1</td>
<td>€ 3,95</td>
<td>€ 3,95</td>
</tr> <tr>
<td>Koffie verkeerd</td>
<td>3</td>
<td>€ 2,95</td>
<td>€ 8,85</td>
</tr> <tr>
<td>Portie kaas met mosterd</td>
<td>1</td>
<td>€ 4,00</td>
<td>€ 4,00</td>
</tr><tr class='trBold'>
<td>TOTAALPRIJS</td>
<td colspan='3'>€ 86,30</td>
</tr>
</tbody>
</table>
</div>
如何确保打印此 DIV？任何帮助，将不胜感激。
【问题讨论】：
-
您提供的 HTML 中没有任何明显的内容，这应该会导致任何内容被隐藏。使用您的开发人员工具 (F12) 并检查您是否有任何由
@media screen或@media print控制的 CSS 可能在您打印时隐藏东西 -
@freefaller 你知道如何过滤
@media screen或@media print吗？我似乎找不到问题所在。我知道这是一个 CSS 的东西，但我不太确定哪个 CSS 类可能会影响打印 -
好点，这并不容易。如果您使用的是 Chrome，则可以更改模拟视图 using these instructions。如果您使用的是 Firefox，您可以执行相同的操作using these instructions。然后您可以找到该元素并查看正在应用的 CSS（您可能需要单击一些元素才能找到特定的元素）。祝你好运
标签： javascript printing