一个jQuery支持的自定义打印预览插件，允许用户在打印前在模式弹出窗口中使用打印样式表预览页面。

如何使用它:

1.在页面上包含jQueyr库和打印预览插件的文件。

<link rel="stylesheet" href="/path/to/src/print-preview.css" />
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/src/jquery.print-preview.js"></script>

2.在您的网页中添加打印预览链接。

$(function(){
  $('body').prepend('<a class="print-preview">Print This Page</a>');
  $('a.print-preview').printPreview();
});

3.在文档中加载打印样式表。就是这样。

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

4.自定义打印预览链接。

a.print-preview {
  background: url(images/icon-print-preview.png) no-repeat 0 0;
  cursor: pointer;
  display: block;
  margin: 0 0 20px;
  padding: 0 0 0 35px;
  line-height: 20px;
}

预览截图

打印前在模式弹出菜单中预览页面 print Preview.js