踩到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");
}
заказать курсовую работу https://kupit-kursovuyu-rabotu.ru/ с гарантией и антиплагиатом
Доставка цветов в Саратове https://flowers64.ru/ это отличная возможность заказать различные цветы, букеты, композиции, подарки, не выходя из дома.
Сайт https://zhenskiy.kyiv.ua – це онлайн-ресурс, який присвячений жіночим темам та інтересам. Тут зібрана інформація про моду, красу, здоров’я, відносини, кулінарію та багато іншого, що може бути корисним та цікавим для сучасних жінок.
заказать курсовую онлайн https://kursovyebankovskoe.ru/
Pharmacie Internationale en ligne: п»їpharmacie en ligne france – Pharmacie Internationale en ligne
Pharmacie Internationale en ligne: kamagra 100mg prix – pharmacie en ligne
В нашем обществе, где диплом – это начало удачной карьеры в любом направлении, многие ищут максимально быстрый путь получения качественного образования. Факт наличия официального документа трудно переоценить. Ведь диплом открывает дверь перед каждым человеком, желающим вступить в профессиональное сообщество или продолжить обучение в университете.
Мы предлагаем очень быстро получить этот необходимый документ. Вы можете заказать диплом старого или нового образца, и это является отличным решением для человека, который не смог закончить образование, утратил документ или хочет исправить плохие оценки. Любой диплом изготавливается аккуратно, с максимальным вниманием ко всем нюансам, чтобы на выходе получился полностью оригинальный документ.
Превосходство такого подхода заключается не только в том, что вы быстро получите свой диплом. Весь процесс организован удобно, с нашей поддержкой. От выбора нужного образца до консультации по заполнению персональных данных и доставки в любой регион России — все под абсолютным контролем квалифицированных специалистов.
Всем, кто пытается найти быстрый способ получения необходимого документа, наша компания предлагает отличное решение. Приобрести диплом – значит избежать долгого процесса обучения и сразу переходить к своим целям, будь то поступление в ВУЗ или старт успешной карьеры.
http://diplomsagroups.com/drugie-dokumenty/sertifikat-specialista.html
Viagra pas cher livraison rapide france: Viagra sans ordonnance 24h – Le gГ©nГ©rique de Viagra
курсовые на заказ https://kursovyematematika.ru
решения задач на заказ https://resheniezadachmatematika.ru/
pharmacie en ligne: cialis sans ordonnance – Pharmacie en ligne livraison Europe
buy tiktok views live Buy TikTok Live Views
buy tiktok live views Buy TikTok Live Views
tiktok buy live views Buy TikTok Live Views
п»їpharmacie en ligne france: kamagra 100mg prix – Achat mГ©dicament en ligne fiable
SildГ©nafil 100 mg prix en pharmacie en France: viagra sans ordonnance – Viagra vente libre pays
https://prowoman.kyiv.ua на нашем сайте вы найдете полезные советы по моде, красоте, здоровью и отношениям. Читайте вдохновляющие статьи, участвуйте в обсуждениях и обменивайтесь идеями. Присоединяйтесь к нашему сообществу современных женщин!
https://superwoman.kyiv.ua вы на нашем надежном гиде в мире женской красоты и стиля жизни! У нас вы найдете актуальные статьи о моде, красоте, здоровье, а также советы по саморазвитию и карьерному росту. Присоединяйтесь к нам и обретайте новые знания и вдохновение каждый день!
https://bestwoman.kyiv.ua узнайте всё о моде, красоте, здоровье и личностном росте. Читайте вдохновляющие истории, экспертные советы и актуальные новости. Присоединяйтесь к нашему сообществу женщин, живущих яркой и насыщенной жизнью!
https://7krasotok.com здесь вы найдете статьи о моде, красоте, здоровье, отношениях и карьере. Читайте советы экспертов, участвуйте в обсуждениях и вдохновляйтесь новыми идеями. Присоединяйтесь к нашему сообществу женщин, стремящихся к совершенству!
купить куклу в секс шопе https://24sexy-dolls.ru
pharmacie en ligne france livraison internationale: kamagra livraison 24h – pharmacie en ligne
pharmacies en ligne certifiГ©es: levitra generique – Pharmacie en ligne livraison Europe
https://fraza.kyiv.ua/ вы найдете последние новости, глубокие аналитические материалы, интервью с влиятельными личностями и экспертные мнения. Следите за важными событиями и трендами в реальном времени. Присоединяйтесь к нашему сообществу и будьте информированы!
купить силиконовую секс куклу https://24sexy-dolls.ru
купить секс куклу dolls https://24sexy-dolls.ru
florinef pills coffin – prilosec pills definite prevacid pills stoop
pharmacie en ligne france fiable: pharmacie en ligne pas cher – pharmacie en ligne livraison europe
Viagra homme sans prescription: Viagra femme sans ordonnance 24h – Sildenafil teva 100 mg sans ordonnance
В нашем обществе, где диплом – это начало удачной карьеры в любой области, многие ищут максимально быстрый путь получения качественного образования. Важность наличия документа об образовании сложно переоценить. Ведь именно он открывает двери перед каждым человеком, который желает вступить в сообщество квалифицированных специалистов или продолжить обучение в ВУЗе.
В данном контексте мы предлагаем оперативно получить этот важный документ. Вы можете приобрести диплом старого или нового образца, и это будет отличным решением для всех, кто не смог завершить образование или утратил документ. Каждый диплом изготавливается с особой аккуратностью, вниманием ко всем нюансам. В результате вы получите полностью оригинальный документ.
Плюсы этого подхода состоят не только в том, что можно максимально быстро получить свой диплом. Весь процесс организован удобно, с профессиональной поддержкой. От выбора необходимого образца до консультаций по заполнению личных данных и доставки в любой регион России — все находится под полным контролем качественных специалистов.
Для тех, кто хочет найти оперативный способ получения требуемого документа, наша компания предлагает отличное решение. Купить диплом – это значит избежать долгого процесса обучения и не теряя времени перейти к своим целям, будь то поступление в ВУЗ или старт профессиональной карьеры.
Купить диплом энергетика