将 HTML 发送到 window.print 函数而不呈现

send html to window.print function without rendering

本文关键字:函数 print window HTML      更新时间:2023-09-26

我正在使用 backbone.js 并且有 4 个相当复杂的视图,具有不同的模板和模型。 我正在尝试从一个按钮打印这 4 个单独的页面,而不必将它们全部合并并在单击打印之前呈现该页面。有没有办法做到这一点,将它们全部组合成一个 Backbone 的超级视图更干净?

感谢您的建议!

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

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

然后对于印刷媒体:

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

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