如果你想自定义打印内容,可以参考
Printing
中的例子,利用 iframe 去实现。
通过创建一个 iframe,将打印的内容、样式等写入到 iframe 中,再通过 iframe 去调用 print 方法即可。
你也可以参考
vxe-table
的实现:
packages/export/src/util.ts
。
/* print.css */
header, footer, aside, nav, form, iframe, .menu, .hero, .adslot {
display: none;
/* https://css-tricks.com/stylesheets-for-printing/ */
#header, #navigation, #footer, .any, .random, .junk, .on, .your, .page, .that, .shouldnt, .print {
display: none;
How to Create Printer-friendly Pages with CSS 这篇文章也是整体讲了打印样式的设置和注意事项,还包含了如何改进可以节省打印的墨水,例如避免用大片黑色背景,而改用 border。
CSS for printing to paper