踩到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");
}
풀발 안되는 이유
성기가 완전하게 발기하지 않는 경우는 다양한 원인 있습니다
인도 비아그라
인도의 비아그라: 사용을 둘러싼 법적 및 윤리적 고려 사항
Здравствуйте!
Мы изготавливаем дипломы любой профессии по приятным ценам.
willstonemidlevel.com/куплю-диплом-фото/
태국 비아그라 구매
태국에서 비아그라 구매의 위험과 이점 탐색
Just want to say what a great blog you got here!I’ve been around for quite a lot of time, but finally decided to show my appreciation of your work!
I have discovered some important matters through your site post. One other point I would like to express is that there are several games available and which are designed specifically for toddler age kids. They include things like pattern acknowledgement, colors, wildlife, and designs. These normally focus on familiarization as opposed to memorization. This will keep little kids occupied without experiencing like they are studying. Thanks
Здравствуйте!
Полезные советы по безопасной покупке диплома о высшем образовании.
Приобрести диплом любого университета.
wi6kn824y.bluxeblog.com/60369143/%D0%9A%D0%B0%D0%BA-%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE-%D0%B1%D1%83%D0%B4%D0%B5%D1%82-%D0%BD%D0%B5%D0%B4%D0%BE%D1%80%D0%BE%D0%B3%D0%BE-%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D0%B0%D1%82%D1%82%D0%B5%D1%81%D1%82%D0%B0%D1%82-%D0%B2-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5
https://iridescent-alligator-dc4vlm.mystrikingly.com/blog/a950c43776b
비아그라 복제약이랑 그냥 비아그라랑 별로 차이 없나요?
비아그라 복제약과 원본 비아그라: 차이와 주의사항
купить готовый диплом купить готовый диплом .
https://doodleordie.com/profile/naveridbuy
https://www.bluebirdbanter.com/users/naveridbuy
https://www.lookoutlanding.com/users/naveridbuy
http://hawkee.com/profile/7325347/
https://sorrel-coconut-dc4vln.mystrikingly.com/blog/3de9e46eb40
магазин продажи аккаунтов https://magazin-akkauntov.ru/ .
https://www.eater.com/users/shepparduvg897
фоновое озвучивание фоновое озвучивание .
비아그라 크기 변화
비아그라와 남성 성기 크기: 사실과 오해
https://xn--ln-o02ik82aiqcqsko8mfg5a1sb.mystrikingly.com/blog/01fbe9736d0
Узнайте стоимость диплома высшего и среднего образования и процесс получения
diploms-x.com/kupit-diplom-voronezh
The grace and authority you handle topics with are as mesmerizing as a moonlit dance. I’m thoroughly impressed.
Each article you write is like a step in a dance, moving us gracefully through The thoughts.
Добрый день!
Мы предлагаем документы ВУЗов, которые расположены на территории всей России. Можно приобрести диплом от любого заведения, за любой год, указав необходимую специальность и хорошие оценки за все дисциплины. Дипломы и аттестаты делаются на бумаге высшего качества. Это позволяет делать настоящие дипломы, которые невозможно отличить от оригиналов. Они заверяются всеми требуемыми печатями и штампами.
http://www.metooo.io/e/podrobnoe-opisanie-pokupki-attestata-v-onlayn-magazine
The approach to topics is like a master painter’s to a canvas, with each stroke adding depth and perspective.
Привет, друзья!
Приобрести диплом о высшем образовании
arusak-diploms-srednee.ru/kupit-attestat-za-11-klass В
Успехов в учебе!
Привет, друзья!
Официальная покупка диплома вуза с упрощенной программой обучения
russiajoy.ru/diplom-lyuboy-spetsialnosti-kachestvenno-i-bezopasno
Поможем вам всегда!.
https://khaki-wombat-dc4vlj.mystrikingly.com/blog/7676c336d0d
i-guru – Ремонт Iphone и другой техники Apple в Минске
замена экрана айфона 12 mini в Минске
Профессиональный ремонт любых устройств из линейки Apple, без посредников
80% ремонтов iPhone занимает около 20 минут
Несложные ремонты делаются быстро, модульный ремонт в большинстве случаев занимает не более 20 минут.
Почему выбирают i-guru
Ремонт в тот же день
Даже большинство сложных ремонтов выполняем день в день.
Гарантировано низкие цены
Мы беремся за сложные задачи, не передавая их сторонним исполнителям, и зарабатываем не как посредники.
Честная гарантия
Предлагаем честную гарантию на выполненные работы до 12 месцев в зависимости от вида работ.
https://funny-owl-dc4vll.mystrikingly.com/blog/4d2be1601a5