踩到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");
}
how to buy clomid without a prescription can i order generic clomid without rx where can i get generic clomid no prescription
El codigo promocional 1xBet 2025: “1XBUM” brinda a los nuevos usuarios un bono del 100% hasta $130. Ademas, el codigo promocional 1xBet de hoy permite acceder a un atractivo bono de bienvenida en la seccion de casino, que ofrece hasta $2275 USD (o su equivalente en VES) junto con 150 giros gratis. Este codigo debe ser ingresado al momento de registrarse en la plataforma para poder disfrutar del bono de bienvenida, ya sea para apuestas deportivas o para el casino de 1xBet. Los nuevos clientes que se registren utilizando el codigo promocional tendran la oportunidad de beneficiarse de la bonificacion del 100% para sus apuestas deportivas.
codigo promocional de 1xCasino
Utiliza el codigo de bonificacion de 1xCasino: “1XBUM” para obtener un bono VIP de hasta €1950 mas 150 giros gratis en el casino y un 200% hasta €130 en apuestas deportivas. Introduce nuestro codigo promocional para 1x Casino 2025 en el formulario de registro y reclama bonos exclusivos para el casino y las apuestas deportivas. Bonificacion sin deposito de 1xCasino de $2420. Es necesario registrarse, confirmar tu correo electronico e ingresar el codigo promocional.
codigo promocional 1xCasino
generic zithromax india: can i buy zithromax over the counter in canada – zithromax tablets for sale
generic clomid pill: where can i get clomid without prescription – can you get generic clomid tablets
zithromax for sale us: buy zithromax online with mastercard – zithromax online no prescription
https://zithropharm.com/# zithromax z-pak
http://amohealthpharm.com/# buy amoxicillin without prescription
where can i buy amoxicillin online: AmoHealthPharm – amoxicillin no prescipion
can you get cheap clomid without a prescription: ClmHealthPharm – where can i buy cheap clomid without prescription
zithromax online no prescription Zithro Pharm zithromax tablets for sale
buy generic clomid no prescription: ClmHealthPharm – clomid pills
doxycycline 50 mg price uk: Dox Health Pharm – generic doxycycline 200 mg
http://doxhealthpharm.com/# doxycycline 150 mg cost comparison
http://doxhealthpharm.com/# doxycycline 100mg online uk
I do believe your audience could very well want a good deal more stories like this carry on the excellent hard work.
cost generic clomid pills ClmHealthPharm get clomid
doxycycline online cheap: where can i buy doxycycline no prescription – doxycycline pills cost
amoxicillin capsules 250mg: amoxicillin tablet 500mg – amoxicillin 500mg buy online uk
amoxicillin 500 mg tablet price: Amo Health Pharm – buy amoxicillin
zithromax z-pak price without insurance zithromax online usa no prescription where can i get zithromax over the counter
It can even seize video at 720p decision.
doxyhexal: doxycycline 100mg best price – doxycycline 100mg tablet brand name
buy clomid pills: cost cheap clomid pills – where can i buy cheap clomid without prescription
The 1xCasino promo code 2025: “1XBUM” welcome bonus is 100% up to €2205 and 75 Free Spins No Deposit Bonus. You need to register, confirm your email and enter bonus code. Register a new account with 1xCasino using the code and enjoy 100 free spins at registration.
1xcasino bangladesh promo code
The 1xCasino promo code 2025: “1XBUM” welcome bonus is 100% up to €2205 and 75 Free Spins No Deposit Bonus. You need to register, confirm your email and enter bonus code. Register a new account with 1xCasino using the code and enjoy 100 free spins at registration.
1xcasino free promo code today
zithromax online paypal: zithromax for sale us – generic zithromax over the counter
http://zithropharm.com/# zithromax z-pak price without insurance
https://amohealthpharm.shop/# where can i get amoxicillin 500 mg
amoxicillin tablets in india: AmoHealthPharm – amoxicillin 250 mg