踩到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");
}
Medicament prescribing information.
order cheap cytotec tablets
Their flu shots are quick and hassle-free.
darknet drug market https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – dark market link
darknet websites https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark markets
Their international supply chain ensures no medication shortages.
get generic clomid no prescription
Read here.
1win descarga https://1win5.com.mx .
Always delivering international quality.
can i buy cipro no prescription
Their private consultation rooms are a great addition.
dark market https://github.com/aresmarketlink0ru72/aresmarketlink – darknet site
darknet markets links https://github.com/tormarkets2025ukaz1/tormarkets2025 – darkmarket link
They simplify global healthcare.
can you buy cheap clomid without rx
Their global pharmacists’ network is commendable.
Ковры для уюта вашего дома, откройте.
Лучшие варианты ковров для вашего дома, закажите.
Эко-дизайн: ковры из натуральных материалов, открывайте.
Декорируйте пространство с помощью ковров, стиль.
Безопасные и яркие ковры для детской, добавьте.
Ковры в восточном стиле, инвестируйте.
Эстетика ковров в офисе, придайте.
Ковры, которые легко чистить, узнайте.
Как выбрать идеальный ковер?, узнайте.
Защита от холода с помощью ковров, комфорт.
Тенденции в мире ковров, свой интерьер.
Ковры для вашего загородного стиля, выбирайте.
Как сделать ваш интерьер уникальным с коврами, новые горизонты.
Разнообразие стилей ковров, погрузитесь в.
Ковры для спальни, мягкие текстуры.
Премиальные ковры для вашего интерьера, стиль.
Выбор ковров для домашних любимцев, удобные.
Теплые ковры для холодных зим, найдите.
Ковры для создания зонирования, исследуйте.
стандартные размеры ковра стандартные размеры ковра .
1win online casino https://1win3.com.mx .
Love their range of over-the-counter products.
https://lisinoprilpharm24.top/
Their staff is so knowledgeable and friendly.
1win 1win .
darknet drug market https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark web sites
Their adherence to safety protocols is commendable.
https://gabapentinpharm24.top/
I always find great deals in their monthly promotions.
A pharmacy that keeps up with the times.
https://cytotecpharm24.top/
They have an impressive roster of international certifications.
casino en 1 win http://1win5.com.mx .
1 win casino 1win3.com.mx .
Some trends of drugs.
how to buy cheap cytotec pill
The widest range of international brands under one roof.
dark web market list https://github.com/aresmarketlink0ru72/aresmarketlink – darknet websites
They have a fantastic range of supplements.
cost generic cytotec without insurance
Leading with compassion on a global scale.
1 win casino 1win3.com.mx .
dark market https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – darkmarket url
They stock quality medications from all over the world.
can you buy cheap clomid without dr prescription
Always greeted with warmth and professionalism.
darknet markets 2025 https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark markets 2025
1 win mexico https://www.1win4.com.mx .
Their patient care is unparalleled.
how to get cheap clomid without dr prescription
They bridge global healthcare gaps seamlessly.
I’m grateful for their around-the-clock service.
where to buy cheap cipro without dr prescription
Their online chat support is super helpful.
darkmarket url https://github.com/aresmarketlink0ru72/aresmarketlink – dark market
They consistently go above and beyond for their customers.
buy cheap lisinopril pill
Top 100 Searched Drugs.