踩到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");
}
aviator game online aviator game online .
https://autolux-azerbaijan.com/# Pin Up
비아그라 유통기한
비아그라 유통기한: 알아두어야 할 중요한 정보
네이버 아이디 판매
네이버 아이디 판매, 비실명 아이디 구매, 네이버 아이디 구매, 최고의 품질 자랑하는 전문기업, 마케팅을 위한 네이버 아이디는 저희 행운아이디에서 책임지겠습니다.
비아그라 복용법 주의사항
비아그라의 안전 조합 가이드: 모든 사용자가 알아야 할 주의 사항
A masterpiece of writing. Van Gogh’s got nothing on you, except maybe both ears.
You’ve presented a hard to understand topic in a clear and engaging way. Bravo!
Learned a lot from this post, and here I was thinking I knew it all. Thanks for the humble pie.
I was truly impressed by how deeply you delved into this topic. The hard work hasn’t gone unnoticed!
I’m impressed by The ability to convey such nuanced ideas with clarity.
Reading The work is like gazing at a masterpiece; every detail contributes to a breathtaking whole.
Reading The work is like watching the sunrise, a daily reminder of beauty and new beginnings.
비아그라 2알 먹으면
비아그라 효과 극대화: 2알을 복용해도 안전한가요?
강직도 올리기
강직도를 향상시키는 몇 가지 일반적인 방법
aviator game play online aviator-games-online.ru .
продвижение сайта заказать https://prodvizhenye-seo.ru
신최할 수 있는 온라인 약국에서 비아그라를 구매할 때 얻을 수 있는 5 가지 이점
비아그라 약국
заказать сео продвижение сайта https://prodvizhenie-saytov43.ru
раскрутить сайт цена заказать интернет рекламу
купить диплом в ачинске https://www.vm-tver.ru .
Simply wish to say your article is as astonishing. The clarity to your put up is just cool and that i could assume you’re a professional in this subject. Well along with your permission allow me to grab your feed to stay updated with coming near near post. Thank you 1,000,000 and please continue the gratifying work.
appleincub.ru/page/11
formulaf1.ru/page/13
minecraftcommand.science/forum/general/topics/8888a7a6-e13d-481b-8dd6-a5de538e7603
pmk-polymer.ru/content/kontakty
kzgbi-2.ru/forums.php?m=posts&id=6901
남친 발기
남자 친구가 더 강한 발기를 유지하도록 돕는 팁
купить квартиру в новостройке от застройщика https://kupit-kvartiru47.ru
Карьерный коуч https://vminske.by/fashion/kto-takie-karernye-konsultanty — эксперт рынка труда, который помогает людям определить свои карьерные цели, развиваться в выбранной области и достигать успеха в профессиональной деятельности.
비아그라 먹으면 오래하나요
비아그라 먹으면 오래하나요? 지속시간 종합적으로 살펴보기
레비트라 비아그라 차이
레비트라와 비아그라 어느 것이 적합합니까?
Завод из России предлагает разборные гантели на https://razbornye-ganteli.ru по приятным ценам. Для тренировок в домашних условиях – это самый лучший комплект с компактными размерами и значительной функциональностью. Продаются в полном наборе с шайбами и гантельными грифами.Отягощения сборные дают возможность тренироваться с любой массой. Реализуем широкий ассортимент товаров от ведущих марок в интернет-магазине.
купить квартиру в новостройке от застройщика https://nedvizhimost-47.ru
Можете приобрести грифы для гантелей на https://Grify-dlya-gantely.ru/ по недорогим ценамоптимальной длины. В создании надежных снарядов используются надежные марки металла. Гантельные составляющие производятся в трех популярных диаметрах. Снаряды разработаны для тяжелых тренировок и созданы с разметкой и накаткой для хвата. Продукты покрываются защитным составом хрома. Отечественная компания реализует широкий объем тренировочного оборудования для квартиры и зала. Это многофункциональный инвентарь для силовых тренировок в любых условиях.
시알리스 비아그라 차이
시알리스와 비아그라: 차이와 어떤 것을 선택해야 할까?