javascript - 如何在单个页面应用程序上有多个 css 打印布局？

Question

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

我想也许为此目的使用 iframe，但我想从有这种情况经验的人那里得到答案。

解决这个问题的最佳方法是什么？

Answer 1

您可以使用 CSS 媒体查询在打印时指导 CSS 规则，如以下答案所述:How do I hide an element when printing a web page? .

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

您还可以将整个样式表的媒体类型设置为打印，以便仅在打印时应用。

或者，根据具体情况，你可以打开一个新窗口，把要打印的内容放在那个新窗口中，打印那个窗口。通常，如果没有必要，最好避免打开新窗口。