踩到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");
}
This is a great blog. Thank you for the very informative post.
Pharmacie en ligne livraison Europe Cialis sans ordonnance pas cher pharmacie en ligne sans ordonnance
http://pharmaciepascher.pro/# vente de mГ©dicament en ligne
I concur with your conclusions and will eagerly look forward to your future updates. The usefulness and significance is overwhelming and has been invaluable to me!
Aw, this was a very nice post. In idea I wish to put in writing like this moreover taking time and precise effort to make an excellent article! I procrastinate alot and by no means seem to get something done.
Профессиональный сервисный центр по ремонту объективов в Москве.
Мы предлагаем: цены на ремонт объективов
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
pharmacie en ligne: Pharmacies en ligne certifiees – pharmacie en ligne avec ordonnance
Смешные анекдоты https://shutochki.wordpress.com/2024/09/27/smeshnye-anekdoty/
Прикольные анекдоты https://shutochki.wordpress.com/2024/09/27/smeshnye-anekdoty/
Excellent read, I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that.|
Профессиональный сервисный центр по ремонту МФУ в Москве.
Мы предлагаем: сервис по ремонту мфу
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту объективов в Москве.
Мы предлагаем: объектив ремонт
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
скуд купить комплект скуд купить комплект .
view insta stories anonymously view insta stories anonymously .
Профессиональный сервисный центр по ремонту объективов в Москве.
Мы предлагаем: объектив ремонт
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Временная регистрация в Санкт-Петербурге: Быстро и Легально!
Ищете, где оформить временную регистрацию в СПБ?
Мы гарантируем быстрое и легальное оформление без очередей и лишних документов.
Ваше спокойствие – наша забота!
Минимум усилий • Максимум удобства • Полная легальность
Свяжитесь с нами прямо сейчас!
Временная регистрация в СПБ
pharmacie en ligne france livraison belgique: Cialis sans ordonnance pas cher – pharmacie en ligne sans ordonnance
Профессиональный сервисный центр по ремонту плоттеров в Москве.
Мы предлагаем: ремонт плоттеров
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Thank you, I have just been searching for information about this topic for ages and yours is the greatest I’ve discovered till now. But, what about the conclusion? Are you sure about the source?
Viagra gГ©nГ©rique sans ordonnance en pharmacie Viagra sans ordonnance 24h Viagra sans ordonnance livraison 48h
Профессиональный сервисный центр по ремонту принтеров в Москве.
Мы предлагаем: ремонт принтер
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервис центры бытовой техники уфа
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту плоттеров в Москве.
Мы предлагаем: вызвать мастера по ремонту плоттеров
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту принтеров в Москве.
Мы предлагаем: ремонт принтеров в офисе
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
I have discovered that expenses for internet degree pros tend to be an awesome value. For instance a full College Degree in Communication from The University of Phoenix Online consists of Sixty credits at $515/credit or $30,900. Also American Intercontinental University Online provides a Bachelors of Business Administration with a entire program requirement of 180 units and a worth of $30,560. Online learning has made having your college diploma been so cool because you can earn your own degree from the comfort in your home and when you finish working. Thanks for all other tips I have learned from your web-site.
Профессиональный сервисный центр по ремонту плоттеров в Москве.
Мы предлагаем: ремонт плоттеров с гарантией
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Работал в Центре судебной экспертизы (в прошлом Казахской научно-исследовательский институт судебных экспертиз) с 1977 года, имею почетные грамоты за заслуги от Министра юстиции СССР и Республики Казахстан.
Мой многолетний стаж работы ( 45 лет) с судебными делами любой инстанции по вышеуказанному направлениям позволяет выдать вам экспертное заключение, отвечающие требованиям объективности, всесторонности и полноты исследований.
Профессиональный сервисный центр по ремонту принтеров в Москве.
Мы предлагаем: починка принтера на дому
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://clssansordonnance.icu/# trouver un mГ©dicament en pharmacie
Решение судопроизводства по гражданским и уголовным делам, органов военной прокуратуры часто принимается на основании выводов судебной пожарно-технической экспертизы.
Моя экспертная помощь поможет вам определить места возникновения первоначального горения (очага, направления распространения горения, особенностей), механизма возникновения и развития горения, а также выявить обстоятельства возгорания, чтобы суд смог вынести правильное решение по делу: в получении компенсации за причиненный вам вред, в доказательстве непричастности к возгоранию и пр.