解決網頁列印無法呈現背景圖片問題
之前寫了列印網頁指定區塊的功能,但最近才發現,在列印預覽時,背景圖片(寫在css)有時可正常顯示,有時候無法顯示。經過一番測試發現好像網頁還沒完全載入,列印預覽視窗已經跳出,所以直接列印出來也就不會有背景圖。
為了確保網頁完全載入才跳出列印視窗,最後將window.print()寫在window.onload事件觸發時才呼叫,如此一來就正常顯示背景圖了。
另外在測試的程過中,試過以setTimeout()延遲呼叫window.print(),但此方法有缺點,如果在設定的時間內,網頁的css、圖片還沒載入完成,還是會發生看不到背景圖的狀況。
最後還是將window.print()寫在window.onload事件為佳。
留言
張貼留言