踩到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");
}
Every word you write sparkles with insight, like stars in my night sky. Can’t wait to navigate more skies together.
https://plinkocasinonl.com/# plinko nederland
Индивидуалки Москва идеальный выбор для тех, кто ценит не только красоту, но и интеллект??
?? Мы предлагаем умных, элегантных и образованных девушек, готовых сделать ваше время приятным и запоминающимся
?? Наша миссия – создать для вас идеальные условия для отдыха и удовольствия
Напишите нашему менеджеру сегодня и убедитесь сами!
Все подробности в нашей статье: https://telegra.ph/Russkie-prostitutki-Moskva-03-01-3
Кому будет полезен «форум мам»?
Будущим мамам: Женщины, которые только планируют беременность или уже находятся в ожидании ребёнка, часто нуждаются в эмоциональной поддержке и практических рекомендациях. Форум помогает узнать о том, как лучше
здесь
питаться, какие обследования пройти, как подготовиться к родам и избежать распространённых страхов.
Молодым мамам: Первый год жизни малыша полон вызовов: грудное вскармливание, выбор смесей, смена режимов сна и бодрствования, уход за ребёнком в разных сезонах года, профилактика болезней и многое другое. На форуме мам можно найти единомышленниц, которые уже нашли ответы на подобные вопросы.
Опытным родителям: Когда ребёнок подрастает, меняются и задачи: адаптация в детском саду, подготовка к школе, появление второго ребёнка, а позже – выбор кружков и секций. Все эти вопросы также обсуждаются в отдельных тематических ветках.
Папам и другим родственникам: Несмотря на то, что название звучит как «форум мамочек», мужчины и другие члены семьи тоже часто участвуют в обсуждениях, узнавая больше о воспитании и взаимодействии с детьми.
The creativity shines through, making me wonder what else you could do with such a vivid imagination.
plinko betrouwbaar: plinko betrouwbaar – plinko nl
аренда яхты дубаи яхта аренда дубай
снять катер на развод мостов сколько стоит прокат яхт
pinco legal: pinco slot – pinco casino
https://plinkodeutsch.com/# plinko wahrscheinlichkeit
https://plinkocasinonl.com/# plinko nl
https://plinkofr.com/# plinko argent reel avis
яхта на 15 человек покататься на яхте в дубае
аренда теплохода на 20 человек аренда яхты в санкт
https://plinkocasi.com/# Plinko game for real money
Кровля от КровляНео — лучший монтаж кровли под ключ. Кровельные материалы от завода производителя, все виды качественных кровельных работ. https://krovlyaneo.ru/
Witamy w Slottica PL! Nasza platforma to harmonijne połączenie innowacji, różnorodności i najwyższych standardów bezpieczeństwa, zaprojektowane z myślą o wymagających graczach z Polski. Oferujemy nie tylko szeroki wybór gier – od dynamicznych automatów, przez strategiczne gry stołowe, po ekskluzywne sesje z live dealerami – ale także kompleksowe rozwiązania dostosowane do Twoich preferencji. Dzięki zaawansowanej technologii mobilnej, ciesz się płynnym dostępem do ulubionych rozgrywek na dowolnym urządzeniu, gdziekolwiek jesteś. Slottica Casino współpracuje wyłącznie z uznanymi dostawcami oprogramowania, gwarantując najwyższą jakość grafiki, uczciwość mechaniki i regularne aktualizacje biblioteki gier.
Issue cards, send payments, and manage global expenses in just one place. Jeeves simplifies corporate finances and optimizes time and costs. Airwallex
plinko erfahrung: plinko geld verdienen – plinko game
https://pinco.legal/# pinco slot
Тут можно приобрести разработка сайта медицинского центра разработка сайта для клиники
plinko nederland: plinko – plinko casino nederland
pinco.legal: pinco – pinco
http://plinkocasinonl.com/# plinko casino
pinco slot: pinco.legal – pinco.legal
250619 984917What a superb viewpoint, nonetheless is just not produce every sence by any means discussing this mather. Just about any technique thanks and also i had try and discuss your post directly into delicius but it surely appears to be an issue in your blogging is it possible you must recheck this. thank you just as before. 931437
plinko: plinko spelen – plinko nl
plinko: plinko france – PlinkoFr
https://plinkofr.com/# PlinkoFr
pinco.legal pinco casino pinco.legal