将 html 发送到 window.print 函数而不渲染

Question

我正在使用backbone.js，并且有4 个相当复杂的视图，其中包含不同的模板和模型。我正在尝试从一个按钮打印这 4 个单独的页面，而不必在单击打印之前将它们全部组合并呈现该页面。有什么方法可以做到这一点，将它们全部组合到主干中的一个超级视图中更清洁？

感谢您的建议！

Answer 1

您可以将所有需要打印的内容放入目标容器中，然后使用媒体查询将它们隐藏以进行屏幕显示：

@media screen { 
   #print_target { display: none; }
}

然后对于印刷媒体：

@media print { 
   #print_target { display: block; }
}

想法是您的资产仅在打印时显示。