踩到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");
}
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервисные центры по ремонту техники в тюмени
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
проверь свою удачу
1xBet
1xBet promo codes can be obtained through various channels, including promotions on the 1xBet website, social media, affiliate websites, or special events. Users can enter these codes during registration or deposit to claim bonuses.
rybelsus price: rybelsus generic – Buy compounded semaglutide online
1xBet
1xBet sometimes offers no deposit bonus codes, allowing users to claim bonuses without making a deposit. These codes are highly sought after as they provide a risk-free way to explore the platform and win real money.
semaglutide: buy rybelsus – rybelsus price
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервисные центры по ремонту техники в тюмени
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Сайт о биодобавках https://биодобавки.рф предлагает проверенную информацию о натуральных добавках для здоровья. Узнайте, как выбрать подходящие средства для улучшения иммунитета, повышения энергии и поддержания активного образа жизни. Подробные описания и советы помогут сделать осознанный выбор.
prescription price for neurontin: neurontin 600 mg price – neurontin 100mg tablets
(It’s very urgent, therefore we kindly ask you to forward this message to your CEO. If you believe this has been sent to you in error, please ignore it. Thanks)
Dear CEO,
This email is from China domain name registration center, which mainly deal with the domain name registration in China. On 09 29, 2024, we received an application from Hongpai Holdings Ltd requested the “cloudlab” as their internet keyword and China (CN) domain names (cloudlab.cn, cloudlab.com.cn, cloudlab.net.cn, cloudlab.org.cn). But after checking it, we find this name conflict with your website name or company name. In order to deal with this matter better, it’s necessary to send this message to your company and confirm whether this company is your distributor or business partner in China?
Best regards
Matthew Liu
General Manager
Tel: +86-2161918696 | Fax: +86-2161918697 | Mob: +86-13816428671
12F Kaike Building, No. 1801 Hongmei Road, Shanghai 200233, China
prednisone in canada: prednisone 10mg buy online – prednisone 50 mg tablet cost
https://ventolininhaler.pro/# ventolin order online without prescription
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: ремонт бытовой техники в тюмени
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Купить бетон от производителя в Нижнем Новгороде, Широкий выбор бетонных смесей в Нижнем Новгороде, Заказать бетон по выгодной цене в Нижнем Новгороде, с профессиональным обслуживанием, с доставкой на строительный объект, по лучшим условиям, с доставкой на объект, Наилучший выбор готового бетона в Нижнем Новгороде, с высоким уровнем сервиса
доставка бетона нижний новгород https://1beton-52.ru/ .
anonymous instagram story viewer anonymous instagram story viewer .
лучшие капперы мира лучшие капперы мира .
ventolin uk prescription: Buy Albuterol for nebulizer online – ventolin online pharmacy
cost of neurontin 100mg: neurontin cost generic – neurontin for sale online
Подборка самых выгодных предложений аренды квартиры на сутки|Забронируйте квартиру на сутки мечты|Квартиры на сутки в центре города|Резервируйте жилье на сутки онлайн|Эксклюзивные предложения аренды квартир на короткий срок|Лучшие варианты аренды жилья на короткий срок|Идеальные апартаменты на сутки для вашего отпуска|Выберите идеальное жилье на короткий срок|Подборка самых уютных вариантов аренды жилья на сутки|Выберите комфортное жилье на короткий срок|Выбор апартаментов на короткий срок для вашего отдыха|Идеальные предложения аренды жилья на сутки|Удобный поиск и бронирование апартаментов на сутки|Бронируйте уютное жилье на сутки онлайн|Идеальные варианты жилья для вашего отдыха|Бронирование квартир на сутки без комиссии|Эксклюзивные предложения аренды апартаментов на сутки|Удобный поиск и бронирование апартаментов на сутки|Выбор идеальных квартир для короткого проживания|Бронирование апартаментов на сутки онлайн
квартиры по суткам в гомеле https://gomelsutochno.ru/ .
Buy semaglutide pills: semaglutide – Buy semaglutide pills
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: ремонт макбук срочно
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
What?s Happening i’m new to this, I stumbled upon this I’ve found It positively useful and it has helped me out loads. I am hoping to give a contribution & help different customers like its aided me. Good job.
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: ремонт macbook центр
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
сервисный центре предлагает ремонт телевизоров недорого – ремонт плазменных телевизоров москва
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: ремонт macbook air m1
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
medication neurontin 300 mg: neurontin 600 mg capsule – neurontin 2400 mg
neurontin 300 mg buy generic gabapentin neurontin 330 mg
https://gabapentin.site/# 800mg neurontin
The Asus PG259QNR is the very best E-Sports activities monitor you should buy right now attributable to its amazingly fast 360Hz IPS panel.