踩到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");
}
zithromax prescription buy zithromax zithromax tablets
pills erectile dysfunction best erection pills ed pills that really work
https://kamagra.team/# Kamagra tablets
best tadalafil tablets in india: tadalafil 2 – tadalafil 20mg uk
https://kamagra.team/# Kamagra 100mg
sildenafil oral jelly 100mg kamagra: Kamagra 100mg price – buy kamagra online usa
sildenafil oral jelly 100mg kamagra buy kamagra online usa buy kamagra online usa
An implressive share! I’ve just forwarded this onyo a colleague who hhad bbeen doing a little ressearch
on this. And he actually ordered me breakfast because I stumbled
upon iit ffor him… lol. So leet me rewordd this….
Thank YOU for thee meal!! Buut yeah, thanxx for spendin some time tto talk abvout tis matter herte onn your
web page.
I’d like too thank yoou for tthe eforts you hzve put iin writing thius blog.
I aam hoing too ssee the same high-grade content from yyou in the future as well.
In fact, your creative writing abilitties hass inspireed
me to gett myy own, personal websiute nnow
😉
http://tadalafil.trade/# tadalafil online india
cures for ed: best ed pills at gnc – best ed pills non prescription
best ed pills at gnc best otc ed pills ed drugs compared
Iused tto be suggested this blog by way of mmy cousin. I aam not posiyive whethwr this put upp iis written bby
waay oof him as no onee lse recogbize shch detailed about myy problem.
You’re incredible! Thank you!
Way cool! Somme verry vaid points! I appreciate you wrtiting this write-up pls thhe rest
off thee website iis also really good.
https://sildenafil.win/# sildenafil 100mg price online
I like readiung throughh a poost tthat cann make men aand wmen think.
Also, thanks ffor permjitting mee too comment!
Have yoou evfer thought aboht publisuing aan e-book oor guest authoring oon other blogs?
I hve a blogg centered onn thee same ttopics you disuss andd
woulod love too have yyou share sokme stories/information. I knbow mmy visitors woud enjoy your work.
If you arre even remotelky interested, fesel free to shoot mme ann e-mail.
non prescription ed drugs: ed pills that really work – ed medications list
https://edpills.monster/# medication for ed
canadian online pharmacy sildenafil: sildenafil citrate canada – how much is sildenafil in uk
best ed treatment what is the best ed pill ed drugs compared
http://edpills.monster/# buy ed pills
Askingg questioins aare genuinely fastidious thiung iif you are nott understanding anything fully,
but this paragralh offers pleasant understranding yet.
This desin iss wicked! You most certainnly knolw hhow to keeep a reader amused.
Between ylur wit andd your videos, I was almost moved too
start my owwn bog (well, almost…HaHa!) Excellent job.
I eally loved what you had to say, and more tha that, howw
yoou peesented it. Too cool!
Magnificent golods from you, man. I’ve understand yur stufff previoujs too and you’re jut too
excellent. I actually likee wwhat you’ve acquirred here, rdally
like what yoou are strating aand tthe wayy inn
whicch you sayy it. Yoou make itt entertaining annd yoou stilpl care for too keeep itt smart.
I caht wait tto reaad much morte frim you. This is actuaally a tedrific site.
buy kamagra online usa: Kamagra 100mg price – Kamagra 100mg
buy tadalafil india buy tadalafil online paypal tadalafil uk generic
http://sildenafil.win/# sildenafil gel 100 mg
canada rx pharmacy world: Legitimate Canada Drugs – canadian online drugs
http://mexicopharm.shop/# buying prescription drugs in mexico