踩到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://vavadacasino4.ru/
Привет, друзья!
Мы предлагаем дипломы любой профессии по разумным тарифам.
finttech.ru/poluchite-diplom-ot-vedushhih-universitetov
казино вавада: vavada online casino – vavada casino
http://1xbet.contact/# 1xbet скачать
Hey there, You’ve done an excellent job. I?ll definitely digg it and personally recommend to my friends. I’m confident they will be benefited from this site.
vavada: вавада казино – vavada
Реально ли приобрести диплом стоматолога? Основные этапы
Активатор Windows 11
пин ап вход: пин ап казино – pin up
Полезная информация как официально купить диплом о высшем образовании
Уборка после трупа http://uborka-posle-umershego-moskva.ru/
поисковый аудит сайта под ключ продвижение сайта москва
аудит сайта в поиске в москве продвижение сайта
Your thing regarding creating will be practically nothing in short supply of awesome. This informative article is incredibly useful and contains offered myself a better solution to be able to my own issues. Which can be the specific purpose MY PARTNER AND I has been doing a search online. I am advocating this informative article with a good friend. I know they are going to get the write-up since beneficial as i would. Yet again many thanks.
http://1win.directory/# 1вин
Привет!
Мы готовы предложить дипломы любых профессий по невысоким тарифам.
mafia-game.ru/forum/member.php?u=28455
Hello there, just became aware of your blog through Google, and found that it is truly informative. I am going to watch out for brussels. I will appreciate if you continue this in future. Lots of people will be benefited from your writing. Cheers!
Уборка квартиры после канализационного залива http://uborka-posle-zatopleniya-moskva.ru/
https://chicago.eater.com/2022/3/29/23001399/pop-up-dinners-bars-restaurants-events-chicago-spring-2022
pin up casino: пин ап – пин ап казино вход
Приобретение диплома ПТУ с сокращенной программой обучения в Москве
padmanayakavelama.com/read-blog/11422
Промокод Fonbet 2024 https://kmural.ru/news_importer/inc/aktualnue_promokodu_bukmekerskoy_kontoru_fonbet.html
В 2024 году Fonbet предлагает различные промокоды, которые предоставляют пользователям бонусы и привилегии. Примером такого промокода является ‘GIFT200’, который активирует бесплатные ставки и другие награды для новых игроков. Использование этих промокодов делает игру на платформе более привлекательной и выгодной.
Бонусы Фонбет промокод https://kmural.ru/news_importer/inc/aktualnue_promokodu_bukmekerskoy_kontoru_fonbet.html
Промокоды Фонбет предоставляют пользователям различные бонусы, такие как бесплатные ставки, увеличение суммы депозита и кэшбэк. Примером такого промокода является ‘GIFT200’, который активирует бонусные ставки для новых игроков. Использование промокодов делает игру на платформе более интересной и прибыльной, предоставляя пользователям дополнительные возможности для выигрыша.
пин ап зеркало: пин ап казино – пин ап казино вход
sapporo88
Heklo it’s me, I aam also visitiung his website regularly, thiss web
siye iis actually pleasant aand tthe viewers are iin fact sharing fastidious
thoughts.
vavada зеркало: вавада казино – вавада казино
http://1win.directory/# 1win вход
Интернет-магазин климатической техники «СКСэйл»
Канальные, кассетные кондиционеры и сплит-системы, а также все, что вы хотите знать о кондиционерах, есть на нашем сайте. Подробно рассказано об оконных и канальных кондиционерах, тепловых завесах, системах вентиляции, очистителях, увлажнителях и осушителях воздуха. Цены на продукцию можно посмотреть в каталоге.
Продажа, монтаж и установка кондиционеров — это наша работа, которую мы выполняем профессионально и с огромным удовольствием. Мы предлагаем только лучшее оборудование, которое хорошо зарекомендовало себя в России и признанно во всем мире.
Мы продаём не только бытовые сплит системы, но и колонные конционеры, канальные кондиционеры, потолочные и центральные системы кондиционирования.
Центральные кондиционеры отлично подойдут для средних и больших загородных коттеджей, поскольку внешний блок будет только один. Установка кондиционеров любого типа производится нами в максимально сжатые сроки.
Официальный сайт «СКСэйл».
пинап казино: pin up casino – пин ап казино