踩到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");
}
Выбор элитных колясок Tutis, Почему Tutis – лучший выбор для вашего малыша?, рекомендации по покупке, Как правильно собрать и использовать коляску Tutis?, Необходимые аксессуары для комфортной прогулки с ребенком, Tutis: идеальный выбор для активных семей, рекомендации профессионалов, плюсы и минусы каждого бренда, Tutis: безопасность вашего малыша превыше всего, Как сделать прогулку с Tutis особенно комфортной?, Почему Tutis подойдет и летом, и зимой, Как выбрать коляску Tutis, подходящую для вашего стиля жизни?, Почему Tutis – марка будущего, технологии, делающие коляски лучше, рекомендации экспертов, стильный аксессуар для пап, надежность и комфорт в каждом шаге
купить коляску tutis купить коляску tutis .
네이버 아이디 판매
이미 계정 활성화가 되여 있으므로 직접 로그인하고 이용가능합니다.
개인, 비지니스 목적으로 홍보 등을 하는데 도움이 됩니다.
атака титанов смотреть онлайн https://ataka-titanov-anime.ru
Выбирайте коляску Cybex для комфорта вашего ребенка, в магазине.
Как выбрать идеальную коляску Cybex для вашего малыша, для самых взыскательных.
Почему стоит обратить внимание на коляски Cybex, которые заставят вас влюбиться в этот бренд.
Коляска Cybex: безопасность и стиль в одном флаконе, которые не оставят вас равнодушными.
Как выбрать идеальную коляску Cybex для вашей семьи, учитывая все особенности и пожелания.
Советы по выбору коляски Cybex для вашего малыша, исходя из индивидуальных потребностей и предпочтений.
Трендовые коляски Cybex для вашего малыша, которые ценят комфорт и безопасность.
Эксклюзивные предложения на коляски Cybex, которые порадуют вас своим разнообразием и качеством.
Ключевые моменты, на которые стоит обратить внимание при выборе коляски Cybex, для вашего малыша.
Какая коляска Cybex лучше всего подойдет вашей семье?, чтобы сделать правильный выбор.
Топ-модели колясок Cybex для вашего малыша, которые не оставят вас равнодушными.
Лучшие модели колясок Cybex для вашей семьи, которые порадуют вас своим качеством и функционалом.
Как выбрать коляску Cybex: главные моменты, которые стоит рассмотреть перед покупкой.
Почему стоит выбрать именно коляски Cybex, если вы цените качество и комфорт.
Лучшие модели колясок Cybex: подробный обзор, которые ценят надежность и стиль.
Как выбрать идеальную коляску Cybex для вашего малыша: подробный гид, перед совершением покупки.
Коляска Cybex: безопасность и комфорт для вашего малыша, исходя из личных предпочтений и потребностей.
Как выбрать идеальную коляску Cybex для вашего малыша: главные моменты, которые не оставят вас равнодушными.
коляска cybex https://kolyaskicybex.ru/ .
атака титанов онлайн бесплатно https://ataka-titanov-anime.ru
정품 비아그라
정품 비아그라 에 대한 궁극의 가이드: 정품 비아그라를 찾는
To start playing free casino games online, simply click on your chosen game and it will then load up in your browser. Alternatively, head to an online casino and select the “Play for Free” option, which is nearly always offered. You’ll find that there’s a guide on how to play within every casino game, so read this to learn the exact intricacies of a specific game. The Venetian and Palazzo pool decks are 100% smoke free. AARP Members have access to more than 40 exclusive games or games with Members-Only features. Step into a world of the most popular casino games. At this online casino, your downtime is yours to enjoy however you choose. Play classic card and table games, casino poker variants or a range of Slots including those you won’t find anywhere else.
https://bookmarksurl.com/story1214716/top-online-casino-malaysia-explore-top-casino-sites-malaysia-singapore
PartyCasino Canada is one of our top trending payout online casinos every year. The casino has everything from slot games to live dealer tables and game shows. Its online casino game collection has high RTP titles; for example, Mega Joker has 99% and Blood Sucker 98%. In the table games section, you can find games like Blackjack with a possible RTP of over 99%. If you’re looking for the best paying casino games, I recommend you check out the games I mentioned. The casino has a refreshing approach to bonuses, offering new players a 100% match welcome offer of up to $5,000. You can benefit from various other promotions available at Wild Casino by simply opting for the 300% crypto bonus up to $5,000 if you prefer. The casino supports more than 15 cryptocurrencies, ensuring that you will have a flexible and easy banking experience across the board.
жк казань купить квартиру купить квартиру от застройщика цены
купить квартиру от застройщика цены https://kvartiru-kupit-kzn.ru
Hi, all is going nicely here and ofcourse every one is sharing data, that’s in fact good, keep up writing.
samovod.ru/content/articles/65330/В
microstockhowto.com/tag/community/В
circuit-diagrams.com/pr4-PIC16F84A-discolight-effect-with-bass-beat-control.phpВ
malhotrafoundation.org/media/releasesВ
antmc.pl/forum/member.php?action=profile&uid=54798В
купить квартиру недорого https://nedvizhimost16.ru
жк казань купить квартиру от застройщика https://kvartiru-kupit-kzn.ru
жк купить квартиру от застройщика купить квартиру в казани от застройщика
비아그라 부작용 걱정된다면
비아그라 부작용에 대한 이해와 대처 방법: 걱정을 덜어드는 안내
жк купить квартиру от застройщика https://kvartiru-kupit-kzn.ru
купить квартиру в новостройке от застройщика жк казань купить квартиру
жк казань купить квартиру от застройщика купить квартиру от застройщика
купить квартиру в казани https://kupit-kvartirukzn.ru
https://aisory.tech – платформа для создания AI Telegram-ботов. Наделяйте своих ботов способностями к естественному диалогу, генерации уникального контента и решению аналитических задач. Простой конструктор платформы делает создание умных чат-ботов доступным для любой компании.
고추 크기 반응
구추 크기에 숨겨진 과학: 성장과 반응에 영향을 미치는 요인 탐색
비아그라 매일 복용
매일 비아그라를 복용하면 싦의 질이 향상되는 이유
안전한 비아그라 구입에 대한 종합 가이드: 처방전 없이 합법적으로 구입하는 방법
비아그라 구입
비아그라 실제 사용자 후기
비아그라 실제 사용자 후기
My developer is trying to persuade me to move to .net from PHP. I have always disliked the idea because of the expenses. But he’s tryiong none the less. I’ve been using Movable-type on a number of websites for about a year and am anxious about switching to another platform. I have heard fantastic things about blogengine.net. Is there a way I can transfer all my wordpress posts into it? Any help would be greatly appreciated!
Предлагаем для вас провести консультацию (аудит) по подъему продаж также прибыли в вашем бизнесе. Формат аудита: индивидуальная встреча или конференция по скайпу. Делая очевидные, но простые усилия, доход от ВАШЕГО коммерциала можно увеличить в несколькио раз. В нашем запасе более 100 опробованных практических методик увеличения продаж и прибыли. В зависимости от вашего бизнеса подберем для вас максимально сильные и будем постепенно претворять в жизнь.
-https://interestbook.ru/
В современном мире, где аттестат – это начало удачной карьеры в любом направлении, многие ищут максимально быстрый путь получения образования. Необходимость наличия официального документа об образовании сложно переоценить. Ведь диплом открывает дверь перед всеми, кто собирается вступить в профессиональное сообщество или продолжить обучение в ВУЗе.
Мы предлагаем максимально быстро получить любой необходимый документ. Вы имеете возможность приобрести аттестат, что становится отличным решением для всех, кто не смог закончить обучение, потерял документ или желает исправить свои оценки. Аттестат изготавливается аккуратно, с особым вниманием ко всем деталям. На выходе вы получите 100% оригинальный документ.
Превосходство данного решения состоит не только в том, что вы сможете оперативно получить свой аттестат. Процесс организовывается просто и легко, с профессиональной поддержкой. От выбора подходящего образца документа до консультации по заполнению персональной информации и доставки по стране — все под полным контролем квалифицированных специалистов.
В результате, всем, кто ищет максимально быстрый способ получить требуемый документ, наша услуга предлагает выгодное решение. Купить аттестат – значит избежать долгого обучения и не теряя времени перейти к своим целям: к поступлению в ВУЗ или к началу удачной карьеры.
http://forexsnews.ru/page/3
http://novostroykitut.com.ua
Если ваша милость собирайтесь получать удовольствие твореньями фаворитных авторов на AudioBook26.ru, Читака предлагает он-лайн прослушание разных жанров аудиокниг
https://audiobook26.ru/
Делаем отличное предложение для вас сделать консультацию (аудит) по умножению продаж и прибыли в вашем бизнесе. Формат аудита: личная встреча или онлайн конференция по скайпу. Делая верные, но простые усилия, доход от ВАШЕГО бизнеса удастся превознести в много раз. В нашем запасе более 100 проверенных практических методологий подъема продаж а также доходов. В зависимости от вашего коммерциала подберем для вас наиболее лучшие и сможем шаг за шагом внедрять.
-https://interestbook.ru/
비아그라 편리한 사용
비아그라: 편리한 사용으로 더 나은 성생활을 찾아가다