踩到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");
}
sildenafil 20 brand viagra price where to buy generic sildenafil
price of generic viagra in canada cheap price sildenafil 100 mg where to buy viagra usa
https://withoutprescription.shop/# pharmacy without dr prescriptions
comprar cialis comprar cialis comprar cialis 5 mg
buy viagra online canada with mastercard viagra medicine viagra sales online
https://datingonline.best/# meet online
viagra pills sildenafil 100mg price walmart sildenafil 100mg price walmart
украина мае талант виталий тищенко все видео на youtube. Как взять кредит webmoney моментально? 3d комиксы на русском мр3
canadian pharmacy ratings canadian pharmacy oxycodone
free dating sites chat bbw dating sites
order tadalafil no prescription tadalafil usp tadalafil tablets uses
cialis 5 mg cialis cialis
best online drugstore online ed medication no prescription
https://withoutprescription.shop/# discount drugs online
personal dating best dating sites for free
prescription drugs abuse Tizanidine cvs pharmacy update insurance online
Monk s House, in the village of Rodmell in Sussex, is a fascinating example of this, with much of Virginia Woolf s spirit living on purchase ivermectin for humans
Good advice. Appreciate it. online dapoxetine dapoxetine 30mg priligy review
cost clarinex 5mg buy clarinex 5mg without prescription loratadine pill
sildenafil over the counter australia generic viagra online europe viagra brand name online
generic viagra prices sildenafil citrate 100mg women in viagra commercials
https://pharmacyreview.best/# canadian pharmacy price checker
This risk of infertility is greater with radiation stromectol merck canada Cell lines and antagonists
https://datingonline.best/# free sex dating
https://datingonline.best/# tinder dating site
comprar cialis cialis 5 mg cialis
canadian pharmacy levitra value pack canadian pharmacy ratings
reliable online canadian pharmacy online pharmacy without precriptions
Прописка в Санкт-Петербурге
best online pharmacy stores canada meds