踩到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");
}
Among the glass bangles are grouped together with glue and embellished with metallic pieces and mirrors.
http://sweetbonanza25.com/# sweet bonanza yorumlar
sweet bonanza demo oyna: sweet bonanza – sweet bonanza slot
slot casino siteleri: slot oyunlar? puf noktalar? – guvenilir slot siteleri
http://sweetbonanza25.com/# sweet bonanza kazanma saatleri
https://slotsiteleri25.com/# guvenilir slot siteleri
slot oyunlar?: slot siteleri – guvenilir slot siteleri
slot siteleri en kazancl? slot oyunlar? en kazancl? slot oyunlar?
Casino Siteleri Casino Siteleri casino bahis siteleri
Множество вариантов фурнитуры для плинтуса, выберите подходящий вам вариант.
Качественная фурнитура для плинтуса, долговечные и надежные в использовании.
Удобство монтажа фурнитуры для плинтуса, без лишних усилий.
Модные элементы для украшения плинтуса, сделайте дом уютным и стильным.
Фурнитура для плинтуса из экологически чистых материалов, сделайте свой дом более безопасным для здоровья.
Популярные цветовые решения для фурнитуры плинтуса, создайте гармонию в доме.
Эксклюзивные варианты фурнитуры для плинтуса, выразите свою индивидуальность через дизайн.
Подсказки по правильной установке элементов плинтуса, для долгосрочного использования.
Декоративные элементы для фурнитуры плинтуса, создайте уютный и стильный дом.
Фурнитура для плинтуса в классическом стиле, подчеркните изысканный вкус в дизайне.
выбор фурнитура https://furnituradlyaplintusamsk.ru/ .
https://denemebonusuverensiteler25.com/# yat?r?ms?z deneme bonusu veren siteler
You may select where to live and also you all the time have an opportunity to move anywhere on the earth without issues; you can select what to do, in what business to speculate and in what currency.
Запали собственную светило везения бок о бок со “Комета казино”! ?
Салют, путешественник приключений! Ты настроен пуститься на космическое вояж, в коем каждая точка обещает невероятные бонусы и ошеломляющие ощущения?
В таком случае вам несомненно рекомендуется подключиться на нашему уникальному Telegram-каналу промокод для casino kometa . Здесь тебя ждут не просто игры, а реальные галактические авантюры, переполненные внезапных кульбитов и ослепительных сияний везения!
Зачем выбирают именно нас?
Космические поощрения: Регистрируйся к объединенную экипаж и потом заполучи стартовый пакет плюшек, какой даст возможность тебе оперативнее добиться собственной цели. Геймерские планеты: Местные гэмблинг машины – это целые космосы, наполненные загадками и даже сокровищами. Осваивай все полностью и потом обнаруживай заветный безупречный автомат! Турнирные вселенные: Участвуй на межгалактических турнирах и потом сражайся за звание самого крутого участника космоса. Наградные пулы до такой степени огромны, что способны ослепить и самую блестящую светило! Моментальная выплата: Едва только ты добьешься победы, твои средства окажутся мгновенно зачислены на собственный счет. Никаких проволочек – исключительно неподдельная восторг успеха! Поддержка круглосуточно: Наш экипаж постоянно на контакте, расположенный ассистировать вам во всякой положении. Даже если ты заблудился среди звезд, мы все поможем найти путь обратно. ?? Каким путем начать? Просто оформляйте подписку к данный источник и затем отправься на рейс! Затем вас ждут неисчерпаемые перспективы возможностей и даже океан восторга.
Не упустить момент, в тот момент когда ваша огонек засветится ярче абсолютно всех!
#kometa #casino #Премии #Победа #KometaCasino #kometacasino
?? Хватит играть вслепую! ??
Устали от мутных рейтингов и непонятных обзоров? На нашем канале вы найдете только проверенную информацию о ТОП казино.
? Объективные оценки: Никакой рекламы, только факты. ? Честные обзоры: Плюсы и минусы каждого казино. ? Актуальные бонусы: Самые выгодные предложения для наших подписчиков.
Не тратьте время и деньги зря! Присоединяйтесь к профессионалам топ казино
#топказино #лучшиеказино #обзорыказино #азартныеигры #онлайнказино
?? Хватит играть вслепую! ??
Устали от мутных рейтингов и непонятных обзоров? На нашем канале вы найдете только проверенную информацию о ТОП казино.
? Объективные оценки: Никакой рекламы, только факты. ? Честные обзоры: Плюсы и минусы каждого казино. ? Актуальные бонусы: Самые выгодные предложения для наших подписчиков.
Не тратьте время и деньги зря! Присоединяйтесь к профессионалам казино россии
#топказино #лучшиеказино #обзорыказино #азартныеигры #онлайнказино
Как получить диплом техникума с упрощенным обучением в Москве официально
erectile dysfunction pills for sale: cheap cialis – best online ed treatment
over the counter sildenafil FastPillsForMen.com Cheapest Sildenafil online
Cheap generic Viagra online: FastPillsForMen.com – generic sildenafil
купить диплом в курске
рейтинг процессоров amd [url=www.topcpu.ru/]www.topcpu.ru/[/url] .
рейтинг процессоров amd http://www.topcpu.ru/ .
Как приобрести аттестат о среднем образовании в Москве и других городах
вывод из запоя цены ростов-на-дону [url=https://vyvod-iz-zapoya-rostov222.ru]вывод из запоя цены ростов-на-дону[/url] .
вывод из запоя на дому ростов-на-дону [url=https://www.vyvod-iz-zapoya-rostov239.ru]вывод из запоя на дому ростов-на-дону[/url] .
вывод из запоя на дому в ростове на дону вывод из запоя на дому в ростове на дону .
клиника вывод из запоя ростов клиника вывод из запоя ростов .
http://fastpillsformen.com/# buy Viagra over the counter
Всё о покупке аттестата о среднем образовании: полезные советы
Как оказалось, купить диплом кандидата наук не так уж и сложно