jquery的打印方法在打印屏幕上不显示颜色

Question

我在网上搜索了很多使用 jQuery 在浏览器上打开打印屏幕 - 我找到了一个解决方案，但问题是当我点击按钮时，它会打开浏览器的打印屏幕（与 CTRL + P 按下）。

在那个屏幕上，我看不到我在网页中显示的颜色。这意味着设计已经改变。

以下是我使用的代码。

<div class="print_link_box">
    <a href="javascript::void(0)" onclick="window.print()" class="print_link"><i class="fa fa-print" aria-hidden="true"></i> Print this page</a>
</div>

我使用onclick="window.print()" 函数来打开打印屏幕弹出窗口。

这个问题有什么解决办法吗，打印屏幕显示我和网页颜色、字体大小、文字一样吗？

Answer 1

在这些情况下，您可以使用 jQuery 插件进行打印并能够将样式表添加到您的打印屏幕。

我在这些作品中使用jQuery Print Plugin

您还可以定义特殊的 print.css 并使用样式表参数传递它。