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

Question

我正在使用 backbone.js 并且有 4 个相当复杂的 View ，它们具有不同的模板和模型。我正在尝试通过一个按钮打印这 4 个单独的页面，而不必在单击打印之前将所有页面组合起来并呈现该页面。有什么方法可以将它们全部组合到主干中的一个 super View 中，这样更干净吗？

感谢您的建议!

Answer 1

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

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

然后对于打印媒体:

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

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