踩到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");
}
easy canadian pharm: easy canadian pharm – buy drugs from canada
buying prescription drugs from canada https://easycanadianpharm.com/# easy canadian pharm
Mega India Pharm: Mega India Pharm – best india pharmacy
Appreciate the balance and fairness, like a judge, but without the gavel.
canada pharmacy coupon http://discountdrugmart.pro/# discount drug mart pharmacy
The post resonated with me on many levels. Thank you for writing it!
The unique perspective is as intriguing as a mystery novel. Can’t wait to read the next chapter.
The insights add so much value to the conversation. I always learn something new from you.
The analysis made me think about the topic in a new way. Thanks for the insightful read.
stehovani do zahranici stehovani postupy
drug mart: discount drug pharmacy – discount drug mart
canadian pharmacy without prescription https://familypharmacy.company/# canada drugs coupon code
no prescription required pharmacy https://megaindiapharm.com/# Mega India Pharm
MegaIndiaPharm: MegaIndiaPharm – india online pharmacy
Adding value to the conversation, because what’s a discussion without The two cents?
rx pharmacy coupons https://familypharmacy.company/# Cheapest online pharmacy
The argumentation on the state of the country was compelling and well-structured. I found myself nodding along as I read.
The commitment to high quality content really shows. I’m always excited to read The work.
canadian pharmacy world coupons https://familypharmacy.company/# Cheapest online pharmacy
The insights have added a lot of value to my understanding of the state of the country. Thanks for sharing.
Refreshing take on the subject, like a cold splash of water to my long-held beliefs.
24-часовая доставка алкоголя в Москве: удобство либо проблема?
Как это функционирует?
24-часовая доставка спиртного в Москве осуществляется через различные сервисы:
Онлайн-платформы: Специализированные веб-сайты и программы, что предлагают широкий ассортимент спиртных напитков с доставкой в квартиру. Заведения общепита и пабы: Отдельные заведения, имеющие лицензию для реализацию спиртного, предлагают доставку своей продукции в ночное время суток. Курьерские службы: Компании, что взаимодействуют с имеющими лицензию продавцами спиртного и осуществляют поставку по запросу. Плюсы:
Комфорт: Возможность заказать излюбленный напиток, не покидая из жилища, в любое время суток. доставка алкоголя в москве – Сбережение часа: Не нужно тратить время на визит в маркет, особенно в вечернее время. Большой ассортимент: Большой ассортимент алкогольных продуктов, в том числе необычные и эксклюзивные позиции. Возможность для вечеринок и мероприятий: Оперативная доставка дает возможность оперативно добавить резервы спиртного, когда это потребуется. Минусы и споры:
Законность: В РФ запрещена реализация алкоголя в вечернее время (от 23:00 до 8:00). Сервисы доставки, что предоставляют 24-часовую доставку, обычно применяют различные схемы, что могут быть незаконными. Употребление спиртного: Простой получение к спиртному в любое время способен способствовать увеличению употребления, что способен повлечь негативные последствия для самочувствия. Проверка за реализацией не достигшим совершеннолетия: Имеется риск, что доставщики могут не проверять возраст покупателей, что способен привести к продаже спиртного не достигшим совершеннолетия.
mexican pharmaceuticals online: mexican drugstore online – pharmacies in mexico that ship to usa
click resources https://myjaxxwallet.us/
xxl mexican pharm: п»їbest mexican online pharmacies – xxl mexican pharm
Explaining things in an understandable way is a skill, and you’ve mastered it. Thanks for clearing things up for me.
canadian pharmacies not requiring prescription https://discountdrugmart.pro/# discount drugs
Hello there, just became alert to your weblog via Google, and found that it is truly informative. I?m going to watch out for brussels. I will be grateful if you proceed this in future. Lots of folks will likely be benefited out of your writing. Cheers!
canada pharmacy coupon http://easycanadianpharm.com/# easy canadian pharm
online pharmacy discount code http://easycanadianpharm.com/# easy canadian pharm