踩到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");
}
3000mg prednisone: PredniBest – prednisone for dogs
amoxicillin 875 125 mg tab Amox Star where to get amoxicillin over the counter
http://amoxstar.com/# where to get amoxicillin over the counter
amoxicillin 500mg without prescription: amoxicillin script – generic amoxicillin cost
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов huawei, можете посмотреть на сайте: ремонт телефонов huawei сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт стиральных машин zanussi в москве, можете посмотреть на сайте: ремонт стиральных машин zanussi
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Jugabet app Jugabet app .
antibiotic amoxicillin: Amox Star – amoxicillin 250 mg price in india
Полезные советы по безопасной покупке диплома о высшем образовании
Купить диплом магистра оказалось возможно, быстрое обучение и диплом на руки
Thanks for the tips about credit repair on this excellent blog. The things i would tell people is usually to give up this mentality they can buy right now and pay later. As a society many of us tend to repeat this for many factors. This includes holidays, furniture, in addition to items we’d like. However, you must separate your own wants out of the needs. When you are working to raise your credit score you really have to make some sacrifices. For example you can shop online to save cash or you can turn to second hand suppliers instead of expensive department stores intended for clothing.
травмат заказать Ноябрьск
Тут можно преобрести купить взломостойкие сейфы сейф пожаровзломостойкие купить
Why users still use to read news papers when in this technological world all is presented on net?
смотреть фильм
Тут можно преобрести купить сейф взломостойкий в москве сейфы взломостойкие
Быстрая схема покупки диплома старого образца: что важно знать?
where can i buy amoxicillin over the counter Amox Star amoxicillin generic
Jugabet c?digo promocional Jugabet c?digo promocional .
https://cipharmdelivery.com/# buy cipro online usa
http://amoxstar.com/# amoxicillin 500 mg tablets
ciprofloxacin generic price: CiPharmDelivery – ciprofloxacin mail online
Реально ли приобрести диплом стоматолога? Основные этапы
Большие выигрыши с onexbet, заходите и выигрывайте онлайн|Больше шансов на победу с onexbet, ставьте деньги и получайте прибыль|Защитите свои деньги с onexbet, не рискуйте сомнительными сайтами|Приятные сюрпризы от onexbet, получите дополнительные ставки бесплатно|Лучшие игровые автоматы на onexbet, наслаждайтесь игрой в любое время суток|Надежный сервис onexbet, играйте без задержек и проблем|Легальное онлайн казино onexbet, ваша безопасность – важнее всего|Не упустите шанс следить за любимыми матчами, прогнозируйте и побеждайте онлайн|Больше выгодных предложений на onexbet, получите возможность выиграть дополнительные призы|Азартные игры с живыми дилерами на onexbet, ощутите атмосферу настоящего казино|Ставьте на любимые команды и игроков, анализируйте статистику и делайте выигрышные ставки|Делайте выгодные прогнозы и зарабатывайте, выигрывайте больше и чаще|Непревзойденная возможность заработать деньги, делайте ставки с выгодой и уверенностью|Онлайн поддержка пользователей на onexbet, наши специалисты помогут вам 24/7|Сделайте ставки с комфортом и удовольствием, новый уровень игрового опыта|Большие джекпоты на onexbet, ваша удача ждет вас в онлайн казино|Увеличьте свой доход с onexbet, новый уровень заработка|Персональный коэффициент успеха на onexbet, ваш выигрыш – наша главная задача|Получайте прибыль от онлайн ставок на onexbet, успешные ставки – это реально|Профессиональная букмекерская контора onex
onexbet app download apk onexbet app download apk .
Легальные способы покупки диплома о среднем полном образовании
Как приобрести аттестат о среднем образовании в Москве и других городах
http://prednibest.com/# prednisone buying
Jugabet juegos Jugabet juegos .
Тут можно преобрести сейф взломостойкий сейф взломостойкий купить
20 mg prednisone tablet Predni Best prednisone cost 10mg
Большие выигрыши с onexbet, заходите и выигрывайте онлайн|Профессиональные прогнозы от onexbet, делайте свои ставки и выигрывайте|Защитите свои деньги с onexbet, не рискуйте сомнительными сайтами|Бонусы и акции от onexbet, участвуйте в акциях и выигрывайте|Большой выбор азартных игр на onexbet, наслаждайтесь игрой в любое время суток|Быстрые выплаты на onexbet, играйте без задержек и проблем|Соблюдайте законодательство с onexbet, не нарушайте правила и несите ответственность|Не упустите шанс следить за любимыми матчами, выигрывайте, не выходя из дома|Участвуйте в уникальных акциях onexbet, бонусы и подарки ждут вас|Играйте с живыми дилерами на onexbet, ощутите атмосферу настоящего казино|Ставьте на любимые команды и игроков, анализируйте статистику и делайте выигрышные ставки|Делайте выгодные прогнозы и зарабатывайте, выигрывайте больше и чаще|Лучшие коэффициенты и выигрыши на onexbet, выигрывайте больше, чем раньше|Решаем любые вопросы и проблемы с onexbet, наши специалисты помогут вам 24/7|Сделайте ставки с комфортом и удовольствием, новый уровень игрового опыта|Играйте и выигрывайте крупные суммы, не упустите возможность стать богаче|Зарабатывайте на ставках с onexbet, новый уровень заработка|Играйте и зарабатывайте больше, получайте индивидуальные предложения и бонусы|Ставьте и зарабатывайте вместе с нами, успешные ставки – это реально|Профессиональная букмекерская контора onex
onexbet online onexbet online .