踩到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");
}
buying prescription drugs in mexico: buying prescription drugs in mexico – mexican border pharmacies shipping to usa
This post is a testament to The expertise and hard work. Thank you!
Articulated points with finesse, like a lawyer, but without the billable hours.
purple pharmacy mexico price list mexico drug stores pharmacies mexican rx online
paper mate write bros pen pay for essays written college paper writing service dallas tx
bystolic pharmacy discount card: Bystolic – phenergan uk pharmacy
I enjoy your blog posts, saved to my bookmarks!
частная скорая наркологическая помощь частная скорая наркологическая помощь .
https://pharmbig24.com/# orlistat online pharmacy
baclofen sale – order feldene 20 mg for sale purchase piroxicam pills
частная скорая наркологическая помощь частная скорая наркологическая помощь .
лазерный станок лазерный станок .
виды заработка в интернете виды заработка в интернете .
I found your blog site on google and examine a number of of your early posts. Proceed to keep up the excellent operate. I just further up your RSS feed to my MSN News Reader. Searching for forward to reading extra from you in a while!?
pharmacy online degrees: online pharmacy viagra usa – online pharmacy percocet no prescription
cialis pharmacy checker: amlodipine pharmacy prices – lexapro pharmacy assistance program
Greetings, have tried to subscribe to this websites rss feed but I am having a bit of a problem. Can anyone kindly tell me what to do?’
india pharmacy indianpharmacy com indian pharmacy
buy generic voveran – buy generic imdur 40mg nimodipine oral
Уcтановкa натяжныx пoтолков любой сложнoсти? PАБОTАEM ПO BCEЙ Невьянск, Новоуральск. Европейcкоe качeство.лучшиe мaтериaлы. БEЗ ЗАПАXA. Выeзд специалистa зaмерщика бecплатно!!
натяжные потолки Новоуральск
mexico drug stores pharmacies: pharmacies in mexico that ship to usa – reputable mexican pharmacies online
buying from online mexican pharmacy mexican rx online buying from online mexican pharmacy
https://mexicopharmacy.cheap/# mexico pharmacies prescription drugs
smite this spot and learn more http://clickserv.sitescout.com/conv/6341c91479360eb5?cookieQ=1&r=http://nspddfgurestv534.ru
india online pharmacy: п»їlegitimate online pharmacies india – buy medicines online in india
Промокод Фонбет на фрибет https://milmed.spb.ru/wp-content/pgs/aktualnuy_promokod_fonbet_pri_registracii.html
Фонбет предлагает промокоды на фрибет, которые позволяют пользователям получить бесплатные ставки при регистрации или депозите. Промокод ‘GIFT200’ предоставляет новым игрокам фрибеты, которые можно использовать для различных ставок. Эти промокоды делают игру более привлекательной и выгодной для новых пользователей.
My partner and I stumbled over here different web address and thought I might check things out. I like what I see so now i am following you. Look forward to finding out about your web page again.
Промокод на Фонбет на сегодня https://berforum.ru/rota/pages/?aktualnuy_promokod_fonbet_pri_registracii.html
Актуальные промокоды на Фонбет на сегодня предоставляют пользователям различные бонусы и привилегии. Например, промокод ‘GIFT200’ позволяет новым пользователям получить бесплатные ставки при регистрации. Регулярная проверка обновлений на сайте или подписка на рассылку поможет оставаться в курсе новых предложений и использовать их для увеличения своих шансов на выигрыш.
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервисные центры по ремонту техники в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
The writing is a go-to resource for me. Thanks for all the hard work on Car Cal ADAS!