Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用多个选项卡打印网站_Javascript_Html_Printing_Tabs - Fatal编程技术网

Javascript 使用多个选项卡打印网站

Javascript 使用多个选项卡打印网站,javascript,html,printing,tabs,Javascript,Html,Printing,Tabs,在我正在开发的一个网站中,有几个信息选项卡,每个选项卡在激活时显示不同的报告或图表 但当尝试使用window.print打印网站时,它仅打印当前显示的选项卡,即当前网站状态,应用可打印的CSS样式 我的客户希望在网站上打印全部信息,但尽可能减少用户交互。这意味着无需从一个选项卡移动到另一个选项卡,只需为每一页单击“打印”按钮,即可避免验证和接受打印过程 总之,我的客户需要一个打印按钮来打印不同选项卡中包含的每个文档。恐怕这是计划中的100%不可能的 我可以创建打印池后台进程吗?执行自定义打印cs

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

但当尝试使用window.print打印网站时,它仅打印当前显示的选项卡,即当前网站状态,应用可打印的CSS样式

我的客户希望在网站上打印全部信息,但尽可能减少用户交互。这意味着无需从一个选项卡移动到另一个选项卡,只需为每一页单击“打印”按钮,即可避免验证和接受打印过程

总之,我的客户需要一个打印按钮来打印不同选项卡中包含的每个文档。恐怕这是计划中的100%不可能的

我可以创建打印池后台进程吗?

执行自定义打印css

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

然后,您可以将所有内容选项卡显示为display:block

您可以仅使用CSS执行类似操作。只需使用@media print{}。如果您的选项卡在显示时隐藏:无;你可以用

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