踩到Window resize在Preview print的雷
最近在作案的過程中遇到一個狀況,從Art design那邊拿到的頁面,會在Window resize的時候執行某個Function,本來一切都正常,但測試到Chrome和Firefox預覽列印時發現也會Trigger這個Event,會讓在預覽列印過後的頁面發生問題,所以必須要進行修正,以下是這個案例的說明:
先在測試頁加入以下的程式,發現在預覽列印的時候會Trigger window resize event:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Preview Print Test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(window).resize(function() { console.log("Window Resize"); }); </script> </head> <body> <h1>Window Resize Test</h1> </body> </html>
網路上搜尋了一下解決方案,將Script改寫如下,可以順利解決,但不知道是不是最好的方法,如果大家有更好的也別忘了告訴我唷~
openResizeFn(); // Chorme var print = false; var mediaQueryList = window.matchMedia('print'); mediaQueryList.addListener(function (mql) { if (mql.matches) { closeResizeFn(); } else { setTimeout(openResizeFn, 2000); } }); // Firefox window.onbeforeprint = function () { closeResizeFn(); }; window.onafterprint = function () { setTimeout(openResizeFn, 2000); }; // Common Function function openResizeFn() { $(window).on("resize", windowResize); } function closeResizeFn() { $(window).off("resize", windowResize); } function windowResize() { console.log("Window Resize"); }
https://stitchmeister.com/2022/05/25/1966-batman-wallpaper-posted-by-michelle-mercado/
75260afe70 railis
http://eppersonlaw.com/2022/
75260afe70 birlave
https://www.slaymammas.com/live-sky-sports-f1/
75260afe70 gilgra
http://www.giffa.ru/businesshome-based-business/muqadma-movie-with-english-subtitles-download-kickass-utorrent/
75260afe70 andrfar
http://www.ecelticseo.com/?p=2117
75260afe70 vidgai
http://www.apunkagames.best/?p=6553
75260afe70 raiftam
when will viagra be generic viagra discount where to buy viagra
purchase doxycycline pills – buy doxycycline 200mg without prescription tadalafil 5mg canada
erythromycin ophthalmic ointment for pink eye erythromycin topical
viagra from canada viagra online usa mexican viagra
stromectol tablets for humans ivermectin 6 tablet ivermectin poisoning in humans
stromectol brand – stromectol brand name levitra 20mg tablet
injectible ivermectin stromectol for humans for sale stromectol for humans for sale
erythromycin uses erythromycin and clindamycin
erythromycin fish erythromycin oint
stromectol 12 mg tablets ivermectin scabies treatment stromectol 12 mg tablets
provigil pill modafinil 200mg us
buy amoxicillin 250mg online – amoxicillin 500mg generic levitra 10mg uk
modafinil 100mg us
stromectol for sale stromectol for humans for sale stromectol for sale
modafinil 200mg brand
order modafinil 100mg generic buy modafinil pills modafinil 100mg pill
viagra viagra where to buy sildenafil
order modafinil 100mg online cheap order generic modafinil 200mg oral modafinil 100mg
modafinil 200mg for sale
provigil 200mg usa provigil 200mg generic provigil 200mg pill
clomid clomid clomid tablets
provigil 100mg without prescription provigil 200mg for sale modafinil without prescription
cost provigil 200mg purchase modafinil without prescription generic provigil
buy provigil 200mg online cheap modafinil cost