在谷歌控制台輸入window.print();可以調起當前整個頁面的打印預覽,那么要想打印頁面某塊區域內容怎么辦呢?
我找到了jqprint插件,其原理是運用iframe 元素創建另外一個文檔的內聯框架,可這個插件有個巨大的坑,就是打印預覽不會顯示link標簽引入的css,除非設置了media="print"屬性。
如果你要打印的頁面本來就是個iframe,此時寫了media屬性的link樣式也不會運用到打印預覽中,解決辦法:直接給打印區域元素寫行內樣式。
下面第一張圖是iframe彈窗中寫好樣式的table,第二張圖是被坑的打印預覽。最后解決了的正常樣式的打印預覽就不發圖了。