Javascript 如何在一个页面应用程序上有多个css打印布局?

Javascript 如何在一个页面应用程序上有多个css打印布局?,javascript,html,css,single-page-application,printing-web-page,Javascript,Html,Css,Single Page Application,Printing Web Page,我有一个单页应用程序,我有不同的部分,我想打印出每个页面上的图像列表 我想也许可以使用iframe来实现这个目的,但我想从有经验的人那里得到一个答案 解决此问题的最佳方法是什么?您可以使用CSS媒体查询在打印时指导CSS规则,如以下答案所述: 然后,您可以在打印之前在某个高级零件对象上设置不同的类,以控制应用哪些CSS规则,从而控制在给定操作中打印的内容 您还可以将媒体类型设置为“打印”的整个样式表,使其仅在打印时适用 或者,根据具体情况,您可以打开一个新窗口,将要打印的内容放入该新窗口并打印该

我有一个单页应用程序,我有不同的部分,我想打印出每个页面上的图像列表

我想也许可以使用iframe来实现这个目的,但我想从有经验的人那里得到一个答案


解决此问题的最佳方法是什么?

您可以使用CSS媒体查询在打印时指导CSS规则,如以下答案所述:

然后,您可以在打印之前在某个高级零件对象上设置不同的类,以控制应用哪些CSS规则,从而控制在给定操作中打印的内容

您还可以将媒体类型设置为“打印”的整个样式表,使其仅在打印时适用

或者,根据具体情况,您可以打开一个新窗口,将要打印的内容放入该新窗口并打印该窗口。通常,如果不必打开新窗口,最好不要打开新窗口。

有一个新窗口正在工作中,浏览器也需要一段时间才能赶上


我用它得到了相当好的结果。

@rps抱歉,他们的打印在他们自己的网站上不起作用。