打印包含多个标签的网站

Question

在我开发的网站中，有几个信息标签，每个标签在激活后都显示不同的报告或图表。

但是当尝试使用window.print()打印网站时，它只打印当前显示的标签，即当前网站状态，应用可打印的CSS样式。

我的客户希望在网站上打印整个信息，但用户交互越少越好。这意味着无需从一个标签移动到另一个标签，点击＆＃34; print＆＃34;每个页面的按钮，并避免＆＃34;验证＆＃34;并且＆＃34;接受＆＃34;印刷过程。

总而言之，我的客户想要一个＆＃34; print＆＃34;按钮，用于打印不同选项卡中包含的每个文档。我担心这是100％不可能按计划进行的。

我是否必须创建打印池后台进程？

Answer 1

自定义打印css

@media print {
    p {
        font-size: 20px;
        color: red;
    }
}

http://www.w3schools.com/css/css_mediatypes.asp

然后，您可以将所有内容标签显示为display：block

Answer 2

你只能使用CSS做类似的事情。只需使用@media print { }即可。如果您的标签隐藏了display: none;，则可以使用

@media print {
    .tabs {
        display: block;
    }
}