踩到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");
}
prescription drugs online without: non prescription ed drugs – ed meds online without doctor prescription
buy medicines online in india: Online medicine home delivery – buy medicines online in india
https://indiapharm.guru/# india pharmacy mail order
get propecia tablets: cost of propecia online – cost of cheap propecia without dr prescription
erectile dysfunction pills: erectile dysfunction drugs – best male enhancement pills
http://withoutprescription.guru/# non prescription ed pills
http://withoutprescription.guru/# online prescription for ed meds
where to get female viagra over the counter viagra voucher buy online viagra capsules
https://withoutprescription.shop/# online drugstore without prescription
buy ramipril 10mg generic arcoxia online order amaryl usa
where to get female viagra pills viagra 20 mg cost price of viagra 100mg
viagra nz online viagra online price us viagra prices
https://pharmacyreview.best/# best canadian pharmacy online
canadian pharmacy meds online drug
black cialis 5mg tadalafil tadalafil tablets online
top canadian pharmacies prescription drugs canadian
Information on data analysis is provided as Additional file 1 supplemental information ivomec PMID 20738011 Free PMC article
matchmeetups dating site top sites dating
видео flight simulator. Где получить кредит вебмани мгновенно? сайт для мужчин екатеринбург
canadian pharmacy checker canadian online pharmacy
https://withoutprescription.shop/# discount prescription drugs online
generic viagra coupon sildenafil india pharmacy viagra pill cost usa
cialis professional cialis for blood pressure cialis sell on internet by australia company
no prescription generic cialis cialis 20mg usa cheapest cialis in australia
black cialis cialis canada eli lilly cialis coupon
mail order pharmacy no prescription online pharmacy scams canadian equine pharmacy
https://datingonline.best/# dating sitss
buy viagra express sildenafil india price sildenafil 50mg prices
sildenafil 100mg price comparison sildenafil 100mg online uk generic viagra singapore
ketorolac pill order losartan 50mg sale losartan 50mg pill