在谷歌控制台输入window.print();可以调起当前整个页面的打印预览,那么要想打印页面某块区域内容怎么办呢?
我找到了jqprint插件,其原理是运用iframe 元素创建另外一个文档的内联框架,可这个插件有个巨大的坑,就是打印预览不会显示link标签引入的css,除非设置了media="print"属性。
如果你要打印的页面本来就是个iframe,此时写了media属性的link样式也不会运用到打印预览中,解决办法:直接给打印区域元素写行内样式。
下面第一张图是iframe弹窗中写好样式的table,第二张图是被坑的打印预览。最后解决了的正常样式的打印预览就不发图了。