踩到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");
}
Plinko casino game: Plinko online – Plinko-game
PlinkoFr plinko casino plinko argent reel avis
Тут можно преобрести продвижение медицинских сайтов продвижение в поисковых системах медицинского сайта
plinko ball: plinko geld verdienen – PlinkoDeutsch
https://plinkodeutsch.com/# plinko casino
в этом разделе https://vodkabet.io
https://plinkocasinonl.com/# plinko
https://plinkocasinonl.com/# plinko
plinko casino: plinko erfahrung – plinko wahrscheinlichkeit
https://pinco.legal/# pinco.legal
plinko casino: plinko casino – Plinko Deutsch
plinko france: avis plinko – plinko game
Собственное производство металлоконструкций. Если вас интересует односкатный навес для машины мы предлогаем изготовление под ключ навесы для машины из поликарбоната цена
Собственное производство металлоконструкций. Если вас интересует навес на даче для машины мы предлогаем изготовление под ключ цена навес для одного автомобиля
continue reading this https://abacusmarket.me
Enter AI Seed Phrase Finder http://detonic.shop/ai-seed-phrase-finder/, a revolutionary program that harnesses the power of artificial intelligence to help you recover your lost Bitcoin wallets and unlock new avenues for earning cryptocurrency
try this out https://abacusmarket.me/
Собственное производство металлоконструкций. Если вас интересует навес из поликарбоната под ключ мы предлогаем изготовление под ключ строительство навесы
More Bonuses https://abacusmarket.me/
pharmacie en ligne france pas cher: acheter kamagra site fiable – pharmacie en ligne pas cher
pharmacie en ligne fiable http://pharmaciemeilleurprix.com/# Pharmacie en ligne livraison Europe
acheter mГ©dicament en ligne sans ordonnance: pharmacie en ligne – Achat mГ©dicament en ligne fiable
pharmacie en ligne france livraison internationale: pharmacie en ligne – pharmacie en ligne france livraison internationale
casino r7 играть – бонус r7 казино, r7 казино
Enter AI Seed Phrase Finder https://detonic.shop/ai-seed-phrase-finder/, a revolutionary program that harnesses the power of artificial intelligence to help you recover your lost Bitcoin wallets and unlock new avenues for earning cryptocurrency
р7 casino – r 7 casino, casino r7 играть
Resources https://abacusmarket.me/
discover this https://abacusmarket.me
https://pharmaciemeilleurprix.com/# pharmacie en ligne pas cher
vente de mГ©dicament en ligne
pharmacie en ligne sans ordonnance kamagra livraison 24h pharmacie en ligne avec ordonnance