使用多个选项卡打印网站

Print website with multiple tabs

本文关键字：打印 网站 选项      更新时间：2023-09-26

在我正在开发的网站中，有几个信息选项卡，每个选项卡在激活时显示不同的报告或图形。

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

我的客户希望在网站上打印全部信息，但尽可能减少用户交互。这意味着不需要从一个选项卡移动到另一个选项卡，只需点击每一页的"打印"按钮，就可以避免"验证"answers"接受"打印过程。

总之，我的客户想要一个单独的"打印"按钮来打印不同选项卡中包含的每个文档。恐怕按计划这是百分之百不可能的。

我可以创建一个打印池后台进程吗？

您可以只使用CSS来完成类似的操作。只需使用@media print { }。如果你的标签被display: none;隐藏，你可以只使用

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

进行自定义打印css

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

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

然后，您可以将所有内容选项卡显示为显示：block

相关文章：