踩到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");
}
пин ап Gramster пин ап казино официальный сайт
Лучшие букеты роз для вашего праздника, сделайте приятный сюрприз.
Оформите заказ на букеты роз прямо сейчас, широкий выбор цветов и дизайнов.
Красочные букеты роз для ярких впечатлений, оперативная доставка в любую точку.
Роскошные букеты роз для особых случаев, быстрое исполнение заказов.
Нежные букеты роз для нежных душ, почувствуйте аромат настоящей любви.
Подарите букет роз любимым женщинам, круглосуточный сервис для вас.
Букеты роз на заказ по выгодным ценам, превратите обыденный день в праздник.
Букеты роз – это всегда актуальный подарок, сделайте заказ онлайн.
Букеты роз под ключ с доставкой, приятные сюрпризы и акции.
Утонченные композиции из роз, приятные цены и гарантированное качество.
Выберите свой звёздный букет роз, с любовью и заботой.
Стильные букеты роз с доставкой, подарите радость и красоту.
заказать цветы доставка https://buket-roz-s-dostavkoj.ru/ .
Hello this is kinda of off topic but I was wondering if blogs use WYSIWYG editors or if you have to manually code with HTML. I’m starting a blog soon but have no coding knowledge so I wanted to get advice from someone with experience. Any help would be enormously appreciated!
pinup 2025: gramster.ru – пин ап казино официальный сайт
вывод из запоя в ростове-на-дону вывод из запоя в ростове-на-дону .
I would share your post with my sis.
https://gramster.ru/# пин ап казино официальный сайт
https://gramster.ru/# пин ап казино
вывод из запоя цены ростов вывод из запоя цены ростов .
http://gramster.ru/# пин ап зеркало
вывод. из. запоя. на. дому. ростов. http://www.vyvod-iz-zapoya-rostov25.ru/ .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт ноутбуков sony адреса, можете посмотреть на сайте: ремонт ноутбуков sony рядом
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
за сколько можно купить аттестат
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт ноутбуков sony, можете посмотреть на сайте: ремонт ноутбуков sony
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://gramster.ru/# пин ап
http://gramster.ru/# pinup 2025
https://gramster.ru/# пин ап зеркало
пин ап Gramster пин ап казино
вывод из запоя ростов вывод из запоя ростов .
пин ап зеркало: gramster.ru – pinup 2025
pinup 2025 gramster.ru пинап казино
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт ноутбуков sony, можете посмотреть на сайте: ремонт ноутбуков sony в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://gramster.ru/# пин ап зеркало
Лучшие букеты роз для вашего праздника, сделайте приятный сюрприз.
Букеты роз – лучший подарок для любого случая, доставка в удобное время и место.
Соберите свой идеальный букет роз, доставка по всему городу.
Изысканные букеты роз от профессионалов, быстрое исполнение заказов.
Нежные букеты роз для нежных душ, подарите частичку красоты близким.
Соберите свой уникальный букет роз, круглосуточный сервис для вас.
Элегантные композиции из роз, индивидуальный подход к каждому клиенту.
Компактные или роскошные букеты роз, мгновенное подтверждение заказа.
Букеты роз под ключ с доставкой, доступные цены и высокое качество.
Утонченные композиции из роз, приятные цены и гарантированное качество.
Выберите свой звёздный букет роз, и мы доставим его к вашему порогу.
Стильные букеты роз с доставкой, насладитесь ароматом настоящей любви.
розы купить букет розы купить букет .
Как приобрести аттестат о среднем образовании в Москве и других городах
pinup 2025: Gramster – пин ап
https://gramster.ru/# пин ап
I always learn something new from The posts. Thank you for the education!
https://gramster.ru/# пин ап казино зеркало
вывод из запоя стационар ростов [url=https://www.vyvod-iz-zapoya-rostov27.ru]вывод из запоя стационар ростов[/url] .