css - 如何仅使用打印样式表在新选项卡中打开当前页面？

Question

我有一个单独的样式表用于打印。我想创建一个按钮来打开当前页面，只实现该样式表并忽略其余部分。如果它有帮助，我们将在 AngularJS 中执行此操作。

这是链接样式表：

<link rel="stylesheet" href="css/printer-friendly.css"  media="print">

我尝试通过以下方式更改此页面的默认 CSS：

<script>  
function changeStyle( themeName ){
document.getElementById( "basestyle" ).href= themeName+ ".css";
}
</script

问题是其余样式表正在干扰。

Answer 1

仅使用新样式表创建同一页面的版本并使用链接到它target='_new'

<a target='_new' href='version_of_page_using_that_sheet_only'>print</a>