踩到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");
}
Koko Traveling adalah sebuah portal berita yang berfokus pada informasi seputar liburan mewah. Portal ini menyediakan berbagai artikel inspiratif, panduan perjalanan, dan rekomendasi tempat liburan mewah di indonesia eksklusif yang cocok untuk wisatawan premium.
Brilliant piece of writing. It’s like you’re showing off, but I’m not even mad.
The dedication to high quality content is evident. Keep up the great work!
http://prednibest.com/# prednisone 20mg tab price
Making hard to understand topics accessible is a talent. It’s like you’re the translator of my heart’s unspoken questions.
The ornaments are made either in the original form of these fancy materials or could be gold plated or silver plated.
анонимный чат общения анонимный чат общения .
I blundered video games away before they might even be gained by my opponent by superior play.
Compelling read with well-presented arguments. I almost felt persuaded. Almost.
Most comprehensive article on this topic. I guess internet rabbit holes do pay off.
The insights are like a favorite book; I find new treasures each time I return.
The studio choirs are made of children from the area they are in but created by the main studio crew not the area’s workforce.
анонимный чат с девушкой анонимный чат с девушкой .
анонимный чат для взрослых http://www.anonimnyj-chat11.ru/ .
where can i get generic clomid now: how to buy clomid without a prescription – can you buy generic clomid tablets
amoxicillin discount coupon: Amox Star – how to get amoxicillin
amoxicillin 875 125 mg tab amoxicillin order online no prescription can we buy amoxcillin 500mg on ebay without prescription
prednisone 20mg online without prescription PredniBest drug prices prednisone
http://cipharmdelivery.com/# where to buy cipro online
how can i get generic clomid: clomid on pharm – can i get generic clomid without insurance
https://amoxstar.com/# amoxicillin 250 mg
order clomid prices clomid on pharm where buy cheap clomid
cipro 500mg best prices: CiPharmDelivery – buy cipro
amoxicillin 500 mg price: buying amoxicillin online – can you buy amoxicillin over the counter in canada
жидкий пол сколько стоит
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт стиральных машин zanussi адреса, можете посмотреть на сайте: ремонт стиральных машин zanussi сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов huawei, можете посмотреть на сайте: ремонт телефонов huawei цены
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт стиральных машин zanussi адреса, можете посмотреть на сайте: ремонт стиральных машин zanussi адреса
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Jugabet c?digo promocional [url=www.aktivnoe.forum24.ru/?1-7-0-00013566-000-0-0-1734608373/]Jugabet c?digo promocional[/url] .
Jugabet c?digo promocional Jugabet c?digo promocional .