踩到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");
}
http://fastpillseasy.com/# buy ed pills online
clockchok.ru [url=https://kakpravilino.com/ramki-metallodetektorov-effektivnoe-sredstvo-obespecheniya-bezopasnosti//]https://kakpravilino.com/ramki-metallodetektorov-effektivnoe-sredstvo-obespecheniya-bezopasnosti//[/url] .
clockchok.ru http://www.www.deafnet.ru/info.php?c=375&id=7951 .
This Site MetaMask Download
visit this site right here Metamask Extension
Great Post, Good you explained everything in detail it has been a great help. Wonderful & very informative article. https://www.vivaindia.com/
Купить диплом специалиста в Твери
clockchok.ru http://progorod76.ru/elektronnyye-prokhodnyye-Blokpost/ .
clockchok.ru https://intofact.ru/elektronnaya-prohodnaya-s-ispolzovaniem-turniketa-innovatsii-v-sfere-kontrolya-dostupa// .
https://canadianpharmacy.win/# reputable canadian pharmacy
clockchok.ru http://www.kuzova-lada.ru/obzor-sistemy-kontrolya-dostupa-perco-ct-l04-2// .
india pharmacy mail order: Online medicine order – online shopping pharmacy india
clockchok.ru https://ncrim.ru/interesnoe/view/turniket-tripod-perco-ttr-08a-vsepogodnoe-resenie-s-avtomaticeskoj-antipanikoj/ .
пленка диплен купить
https://mexicanpharmacy.store/# purple pharmacy mexico price list
canadian pharmacy uk delivery best canadian online pharmacy best canadian pharmacy
One other large purpose for adjustments from our unique design doc was our realization that the thought of an actual-world RPG with real-world areas and actual-world weapons was better in some ways than it turned out to be on the screen.
https://canadianpharmacy.win/# canadian pharmacy prices
https://indianpharmacy.win/# india online pharmacy
top online pharmacy india: online pharmacy india – top 10 pharmacies in india
You do not like the continued rise in the market.
While Häkkinen’s race was ended, Schumacher drove to victory with no rear wing.
Купить диплом техникума, колледжа Саратов
www canadianonlinepharmacy: best online canadian pharmacy – cross border pharmacy canada
http://mexicanpharmacy.store/# mexico pharmacies prescription drugs
http://indianpharmacy.win/# Online medicine order
Ваша удача ждет вас в онлайн казино, где ставки высоки.
Получайте азарт и адреналин вместе с нами, и получите незабываемые впечатления.
Сделайте свой выбор в пользу казино онлайн, и начните играть уже сегодня.
Ощутите волнение в режиме реального времени, не выходя из дома.
Ставьте на победу с нашими играми, и станьте настоящим мастером азарта.
Играйте вместе с друзьями и соперниками со всего мира, и докажите свое превосходство.
Начните играть и получите ценные подарки, которые увеличат ваши шансы на победу.
Ощутите азарт в каждой игре казино онлайн, и погрузитесь в мир бесконечных перспектив.
Играйте в игры, недоступные где-либо еще, с минимум затрат времени и усилий.
онлайн казино Казино .
There are dozens of nice kinds to choose when creating your bathroom.
http://indianpharmacy.win/# india pharmacy mail order
mexico drug stores pharmacies best online pharmacies in mexico mexico drug stores pharmacies