踩到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"); }
http://cytotec.club/# purchase cytotec
nolvadex for pct: tamoxifen moa – tamoxifen for sale
common side effects of tamoxifen tamoxifen rash pictures nolvadex for sale amazon
lisinopril 3.125: lisinopril 5 mg uk price – lisinopril 25 mg tablet
http://ciprofloxacin.tech/# buy generic ciprofloxacin
https://ciprofloxacin.tech/# ciprofloxacin generic price
http://ciprofloxacin.tech/# ciprofloxacin over the counter
natural alternatives to tamoxifen tamoxifen headache tamoxifen adverse effects
В нашем обществе, где диплом является началом отличной карьеры в любой отрасли, многие пытаются найти максимально быстрый путь получения качественного образования. Наличие документа об образовании переоценить невозможно. Ведь диплом открывает дверь перед людьми, стремящимися вступить в профессиональное сообщество или учиться в ВУЗе.
Мы предлагаем оперативно получить этот важный документ. Вы сможете заказать диплом нового или старого образца, что будет выгодным решением для человека, который не смог закончить обучение или потерял документ. диплом изготавливается с особой аккуратностью, вниманием ко всем элементам. На выходе вы сможете получить 100% оригинальный документ.
Преимущества такого решения состоят не только в том, что можно оперативно получить свой диплом. Весь процесс организован удобно, с профессиональной поддержкой. Начав от выбора подходящего образца диплома до консультаций по заполнению личной информации и доставки в любой регион страны — все под абсолютным контролем качественных мастеров.
Таким образом, для всех, кто ищет быстрый способ получить требуемый документ, наша компания предлагает отличное решение. Заказать диплом – это значит избежать продолжительного обучения и не теряя времени переходить к своим целям: к поступлению в университет или к началу удачной карьеры.
https://diploman-rossiya.com
nolvadex vs clomid: tamoxifen premenopausal – tamoxifen hip pain
http://finasteride.store/# buying propecia price
ciprofloxacin mail online: buy cipro – ciprofloxacin 500mg buy online
http://cytotec.club/# Misoprostol 200 mg buy online
tamoxifen mechanism of action tamoxifen generic tamoxifen rash pictures
http://lisinopril.network/# lisinopril 2mg tablet
dcis tamoxifen: tamoxifen cyp2d6 – tamoxifen joint pain
best online pharmacies in mexico: Mexican Pharmacy Online – pharmacies in mexico that ship to usa
http://indiaph24.store/# legitimate online pharmacies india
pharmacies in mexico that ship to usa: mexican pharmacy – mexican drugstore online
В нашем мире, где диплом является началом удачной карьеры в любой отрасли, многие стараются найти максимально быстрый и простой путь получения образования. Наличие официального документа переоценить невозможно. Ведь диплом открывает двери перед людьми, желающими вступить в сообщество квалифицированных специалистов или продолжить обучение в ВУЗе.
Мы предлагаем быстро получить любой необходимый документ. Вы сможете приобрести диплом, что становится выгодным решением для всех, кто не смог завершить образование или утратил документ. диплом изготавливается аккуратно, с максимальным вниманием к мельчайшим деталям, чтобы на выходе получился 100% оригинальный документ.
Плюсы данного решения состоят не только в том, что можно максимально быстро получить диплом. Процесс организован комфортно, с нашей поддержкой. От выбора требуемого образца документа до консультации по заполнению персональных данных и доставки в любой регион России — все под полным контролем квалифицированных мастеров.
В результате, для тех, кто ищет максимально быстрый способ получить требуемый документ, наша компания предлагает выгодное решение. Купить диплом – значит избежать длительного процесса обучения и сразу перейти к достижению своих целей: к поступлению в ВУЗ или к началу успешной карьеры.
https://dlplomanrussian.com
Why users still use to read news papers when in this technological
world the whole thing is existing on web?
Hi there, just became aware of your blog through
Google, and found that it’s really informative. I am gonna watch out for brussels.
I will be grateful if you continue this in future.
A lot of people will be benefited from your writing.
Cheers!
Excellent beat ! I wish to apprentice while you amend your web site, how can i
subscribe for a blog site? The account aided me a applicable deal.
I have been a little bit acquainted of this your broadcast offered brilliant transparent concept
Good replies in return of this question with genuine arguments and
describing everything about that.
http://indiaph24.store/# reputable indian pharmacies
http://canadaph24.pro/# adderall canadian pharmacy
Online medicine home delivery Cheapest online pharmacy п»їlegitimate online pharmacies india
india pharmacy mail order http://indiaph24.store/# cheapest online pharmacy india
top online pharmacy india
https://mexicoph24.life/# buying prescription drugs in mexico online
reputable mexican pharmacies online: cheapest mexico drugs – buying prescription drugs in mexico online
order nizoral online – how to buy nizoral itraconazole 100mg without prescription
where plant여성용 비아그라 구매s are displa여성용 비아그라 구매yed for educ여성용 비아그라 구매atio
http://mexicoph24.life/# buying prescription drugs in mexico online
https://canadaph24.pro/# best canadian online pharmacy