踩到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"); }
comprare farmaci online con ricetta: Ibuprofene 600 generico prezzo – farmacie online autorizzate elenco
Как выбрать черный плинтус для вашего интерьера, Оценка черного плинтуса: достоинства и недостатки, С чем сочетать черный плинтус: стильные комбинации, Как правильно ухаживать за черным плинтусом, Советы по подбору черного плинтуса для дома, Чем отличается черный плинтус от других цветов, Современные тренды в использовании черного плинтуса, Какие фактуры черного плинтуса пользуются популярностью, Стильные комбинации черного плинтуса с другими элементами декора, Как использовать черный плинтус для создания атмосферы, Почему черный плинтус становится все популярнее, Какое влияние оказывает черный плинтус на общий вид комнаты, Сравнение черного плинтуса с другими цветами, Черный плинтус на стенах: стройность и элегантность, Какой черный плинтус выбрать для кухни, Чем привлекательны черные оттенки в спальном интерьере, Идеи использования черного плинтуса в гостиной, Строгие черные линии в ванной: черный плинтус как элемент дизайна, Как черный плинтус может изменить ваше пространство
черные плинтуса на пол черные плинтуса на пол .
Сервисный центр предлагает качественый ремонт квадрокоптера happymodel срочный ремонт квадрокоптера happymodel
farmacie online sicure Farmacie on line spedizione gratuita farmacia online senza ricetta
Сервисный центр предлагает ремонт посудомоечной машины weissgauff адреса сколько стоит ремонт посудомоечной машины weissgauff
viagra generico in farmacia costo: viagra – viagra online consegna rapida
viagra naturale: viagra prezzo – siti sicuri per comprare viagra online
Лучшие приколы на любой вкус
Поднимите себе настроение!
https://tadalafilit.com/# farmacia online
Farmacie on line spedizione gratuita
Farmacie online sicure Cialis generico recensioni migliori farmacie online 2024
Does your site have a contact page? I’m having problems locating it but, I’d like to send you an e-mail. I’ve got some creative ideas for your blog you might be interested in hearing. Either way, great blog and I look forward to seeing it expand over time.
сервисный центре предлагает ремонт телевизоров недорого – мастер телевизора
ремонт кондиционеров с гарантией
сервисный центре предлагает ближайший ремонт телевизоров – прайс на ремонт телевизоров жк
I’m in awe of the author’s capability to make complex concepts approachable to readers of all backgrounds. This article is a testament to her expertise and commitment to providing useful insights. Thank you, author, for creating such an engaging and enlightening piece. It has been an incredible joy to read!
viagra prezzo farmacia 2023: viagra senza ricetta – viagra 50 mg prezzo in farmacia
instagram user data http://anonstoryinst.com .
п»їFarmacia online migliore: Tadalafil generico migliore – farmacie online affidabili
Какие экологичные материалы выбрать для строительства дачи
материалы строительные https://stroitelnye-materialy-optom.ru/ .
Что такое анекдот? Почему мы любим прикольные анекдоты? История. Читайте об этом
статью
Самые смешные анекдоты на нашем сайте.
сервисный центре предлагает сколько стоит ремонт плазменного телевизора – ремонт телевизоров недорого
comprare farmaci online all’estero Brufen 600 senza ricetta farmacia online
farmacie online autorizzate elenco: Ibuprofene 600 prezzo senza ricetta – farmacia online
http://sildenafilit.pro/# viagra generico prezzo piГ№ basso
comprare farmaci online all’estero
viagra generico sandoz: viagra senza prescrizione – viagra online spedizione gratuita
п»їFarmacia online migliore Cialis generico farmacia farmacia online senza ricetta
Официальный сайт Cryptoboss Casino: азарт и удача в ваших руках
криптобосс официальный сайт криптобосс официальный сайт .
Современные технологии для вашего ребенка
люлька коляска для новорожденного люлька коляска для новорожденного .
Farmacia online piГ№ conveniente: Farmacia online piu conveniente – farmaci senza ricetta elenco
Replica Sneakers for women gm072
Replica Sneaker,
replica shoes jd214