为了在打印时与屏幕显示不同,我们使用@media print规则。
这很好。
但是我想在打印对话框弹出之前,在浏览器窗口中显示将要打印的内容。
有办法实现吗?
previewprint
的类名。body.previewprint .yourclass {
property: value;
}
@media print {
.yourclass {
property: value;
}
}
previewprint
并将“打印”按钮重置/清除。
如果您不想有双重css规则,则只需在新窗口中使用previewprint
类,然后使用“预览”按钮打开页面,在那里,用户可以点击“打印”按钮。 在这种情况下,“打印css规则”已经设置,不需要媒体查询。
如果只使用“打印”按钮,请执行相同操作,然后在加载时执行window.print()
。
我还发现了这篇不错的文章how to detect window.print() finish,您可以在打印完成时做一些很酷的事情。
要拦截Ctrl+P,这里有几篇文章展示如何实现:
head
meta
设置为打印机而不是网页的iframe?但是我不知道如何在技术上实现这一点,如果可能的话。 - undefined@media print
еңЁи·ЁжөҸи§ҲеҷЁж—¶жҳҜеҗҰдјҡз”ҹж•ҲпјҢе°ұеғҸдҪҝз”Ёwindow.print()
дёҖж ·еҗ—пјҹ - undefined