踩到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");
}
порно чат семейные пары
порно чат парни эро чат парами
https://doxhealthpharm.shop/# doxycycline 100mg tablets cost
doxycycline 100: DoxHealthPharm – doxycycline 30
where can i get amoxicillin: AmoHealthPharm – buy amoxil
http://school33-perm.ru/media/pgs/?melbet_promokod_24.html
https://onlinetri.com/common/pgs/888starz-promo-code.html
https://doxhealthpharm.com/# doxycycline uk online
zithromax online paypal: zithromax online australia – zithromax online paypal
https://www.europneus.es/talleres/arcls/?c_digo_promocional_59.html
cost cheap clomid online: buying generic clomid – where to get generic clomid without prescription
https://alhudapk.com/dua/pages/?code-promo-1xbet-bonus-inscription.html
The promo code for 1XBET is “1XBUM.” By utilizing this code, you can unlock a special bonus for sports betting, offering a 100% match up to $130, or for casino games, a bonus of $1,950 along with 150 free spins. New players have the opportunity to input our 1xBet bonus code to enhance the standard sports free bet bonus by an additional $100. A 1xBet promo code consists of a combination of letters and numbers that you enter in a designated voucher field to access these advantageous offers.
1xbet promo code india
The promo code for 1XBET is “1XBUM.” By utilizing this code, you can unlock a special bonus for sports betting, offering a 100% match up to $130, or for casino games, a bonus of $1,950 along with 150 free spins. New players have the opportunity to input our 1xBet bonus code to enhance the standard sports free bet bonus by an additional $100. A 1xBet promo code consists of a combination of letters and numbers that you enter in a designated voucher field to access these advantageous offers.
how to get promo code 1xbet
Кодирование от алкоголизма в Барнауле в частной клинике «Рехаб22» – это эффективное и анонимное лечение с гарантией результата. rehab-22
Whoa! This blog looks exactly like my old one! It’s on a totally different topic but it has pretty much the same layout and design. Superb choice of colors!
order amoxicillin no prescription: Amo Health Pharm – amoxicillin 500 coupon
doxycycline 200mg price: doxycycline canadian online pharmacy – buy doxycycline uk
zithromax capsules: Zithro Pharm – can i buy zithromax over the counter
https://doxhealthpharm.shop/# buy doxycycline 100mg online india
amoxicillin online pharmacy amoxicillin 250 mg price in india buy amoxicillin 500mg capsules uk
http://doxhealthpharm.com/# doxycycline brand in india
Идеи вашего дома. Информация о дизайне и архитектуре.
Syndyk – это место, где каждый день вы можете увидеть много различных дизайнерских решений, деталей для вашей квартиры, проектов домов, лучшая сантехника.
Если вы дизайнер или архитектор, то мы с радостью разместим ваш проект на Сундуке. На сайте можно и даже нужно обмениваться мнениями и информацией о дизайне и архитектуре.
Сайт: Дизайн и архитектура
doxycycline without a prescription: doxycycline online – buy doxycycline 100mg capsule
Кодирование от алкоголизма в Барнауле в частной клинике «Рехаб22» – это эффективное и анонимное лечение с гарантией результата. rehab-22
amoxicillin 500mg capsule cost: Amo Health Pharm – buy cheap amoxicillin
zithromax 500 tablet: Zithro Pharm – how much is zithromax 250 mg
can you buy zithromax over the counter: ZithroPharm – where to get zithromax over the counter
https://zithropharm.com/# zithromax 250mg
how can i get clomid without a prescription: ClmHealthPharm – where can i get cheap clomid
where can i buy amoxocillin amoxicillin pharmacy price amoxicillin 500 mg tablets