踩到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");
}
online shopping pharmacy india www india pharm Online medicine order
indian pharmacy online: www india pharm – best india pharmacy
cheapest online pharmacy india: www india pharm – india pharmacy mail order
buy prescription drugs from india: Online medicine order – buy prescription drugs from india
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервис центры бытовой техники москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://gocanadapharm.com/# canadian pharmacy 24h com safe
www india pharm: indian pharmacy – online shopping pharmacy india
drugs from canada: go canada pharm – canadian mail order pharmacy
https://telegra.ph/Luchshie-onlajn-kazino-na-realnye-dengi-v-24-2025-godu-04-02
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Equity release solutions may provide the financial support you’ve been looking for. Learn how to tap into the equity tied up in your home without having to move.
Thinking about releasing equity from your home? Review top lenders and understand your rights and obligations before making a decision.
canadianpharmacy com GoCanadaPharm canadian pharmacy world
safe online pharmacies in canada: go canada pharm – cheap canadian pharmacy online
pharmacies in mexico that ship to usa: Agb Mexico Pharm – mexican rx online
canadian family pharmacy: canadian drugs online – canadian world pharmacy
http://gocanadapharm.com/# canadian pharmacy prices
For those considering equity release, HSBC offers a reliable option that follows FCA regulations. Homeowners can benefit from competitive interest rates and clear guidance. Equity release with HSBC can help you bridge financial gaps without the need for monthly repayments, as the loan is settled when the home is sold.
mexico pharmacies prescription drugs: Agb Mexico Pharm – Agb Mexico Pharm
mexican drugstore online: mexico pharmacies prescription drugs – mexican online pharmacies prescription drugs
best canadian pharmacy to buy from canadian pharmacies comparison best canadian pharmacy
Kiedy jesteś w Holandii, ważne jest, aby upewnić się, że grasz w bezpiecznych kasynach. Poniżej przygotowaliśmy ranking najlepszych holenderskich kasyn online dla Polaków. Jesteśmy grupą doświadczonych graczy, programistów, autorów i entuzjastów hazardowej rozrywki. Podobnie jak wielu z was – jesteśmy pasjonatami hazardu i dostarczamy tylko sprawdzone i wiarygodne informacje na stronie. Poniżej dowiesz się, jak wybrać niezawodny zakład w Holandii, zarejestrować się i otrzymać bonusy. Jeśli nadal nie jesteś zdecydowany, które holenderskie kasyno online wybrać dla rozrywki, zapoznaj się z naszą listą.
indian pharmacy: www india pharm – Online medicine order
http://wwwindiapharm.com/# www india pharm
www india pharm: best online pharmacy india – Online medicine order
Agb Mexico Pharm: medicine in mexico pharmacies – mexico pharmacies prescription drugs
Simply want to say your article is as amazing. The clarity in your post is just great and i can assume you’re an expert on this subject. Fine with your permission allow me to grab your feed to keep up to date with forthcoming post. Thanks a million and please keep up the gratifying work.
http://agbmexicopharm.com/# Agb Mexico Pharm
Kasyno VAVADA oferuje najlepsze automaty do gier (sloty), popularne gry stołowe oraz nowoczesne kasyno na żywo. Serwis wyróżnia się rozbudowanymi bonusami i licznymi turniejami z wysokimi pulami nagród. Vavada rozszerzyła również listę dostępnych metod płatności, aby transakcje finansowe były szybkie i wygodne. Proces tworzenia konta w VAVADA jest bardzo prosty. Przycisk rejestracji znajduje się w prawym górnym rogu, obok przycisku logowania i czatu wsparcia. Każdy gracz może mieć tylko jedno konto. Aby się zarejestrować, należy: Podać numer telefonu lub adres e-mail. Ustawić hasło do konta. Wybrać walutę głównego salda. Kliknąć „Zarejestruj się”. Przed zakończeniem rejestracji musisz zaakceptować regulamin kasyna.
http://wwwindiapharm.com/# www india pharm