Javascript 打印网页上的所有选项卡

我有一个包含多个选项卡的调查。当用户完成调查后，我希望他们能够打印调查或将其保存为PDF格式。目前，我只能打印/保存打开的选项卡

使用JavaScript打印类时是否有删除“选项卡内容”的方法，以便所有选项卡都显示为代码：

姓名：
约翰·史密斯

地址:
都柏林某街道、某城镇1号，D1
电邮：
email@email.com
出生日期：
2015年2月15日
地位：
激活
帐户被阻止：
是
截止日期：
2015年1月1日
封锁原因：
保险续保已通过


课程
流动
研究所
CourseID
家教
课程完成日期
课程地点
恩德伯
卡洛
ABC123
约翰家教
2014年5月17日
卡洛
伯尔
卡洛
ABC321
保罗导师
2014年2月2日
卡洛
考试历史记录


电子邮件历史记录

从…起
到
科科斯群岛
日期
主题
消息
附件
BER@aassss.ie
100025@test.net
2014年5月5日
欢迎dsad

如果我理解正确，您想在打印时显示一些隐藏的东西吗？我会使用媒体打印和一个特殊的样式表打印样式的东西

<link rel="stylesheet" media="print" href="print.css">

这似乎有效（纯JavaScript）：

您可以添加一个这样做的按钮，并将其称为

Print view

函数printView（）{
document.querySelector（'.tab-content'）.classList.remove（'tab-content'）；
}

您可以使用下面的代码显示所有带标题的选项卡：

$（'.nav tabs'）.hide（）；
$headers=$（'.nav tabs li a'）；
$（'.tab content.tab pane'）。每个（函数（i，el）{
$（本）
.addClass（“活动”）
.prepend（“”+$（$headers.get（i））.text（）+“”）
});

请参见演示

作为替代解决方案，您可以添加以下CSS规则，以便在打印时显示所有选项卡窗格：

@media print{
.tab内容>.tab窗格{
显示：块；
}
}

<link rel="stylesheet" media="print" href="print.css">

document.querySelector('.tab-content').classList.remove('tab-content');