踩到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");
}
Always leaving this place satisfied.
where buy generic lisinopril no prescription
Read information now.
Their vaccination services are quick and easy.
https://cytotecpharm24.top/
Their worldwide outreach programs are commendable.
tor drug market https://github.com/darknetmarketlistv8tg0/darknetmarketlist – darknet marketplace
Their staff is always eager to help and assist.
https://cipropharm24.top/
Their international shipment tracking system is top-notch.
They offer unparalleled advice on international healthcare.
gabapentin 300 mg cap
Read information now.
darkmarket link https://github.com/aresmarketlink0ru72/aresmarketlink – darknet websites
Trustworthy and reliable, every single visit.
get cheap cytotec without prescription
Their commitment to healthcare excellence is evident.
Love their spacious and well-lit premises.
cost cheap lisinopril no prescription
Always up-to-date with international medical advancements.
tor drug market https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – dark web market urls
dark web market https://github.com/darknetmarketlistv8tg0/darknetmarketlist – onion dark website
Their free health check-ups are a wonderful initiative.
rash from gabapentin
The epitome of excellence in international healthcare.
bitcoin dark web https://github.com/aresmarketlink0ru72/aresmarketlink – darknet sites
Рекомендую – аренда автомобиля без водителя спб
They ensure global standards in every pill.
how to buy cheap clomid online
Always ahead of the curve with global healthcare trends.
Their health seminars are always enlightening.
how to get generic lisinopril without prescription
They always keep my medication history well-organized.
darknet markets url https://github.com/darknetmarketlinks2025/darknetmarkets – dark market url
darknet markets url https://github.com/tormarkets2025ukaz1/tormarkets2025 – dark web market urls
I appreciate the range of payment options they offer.
can i purchase cheap lisinopril pills
Their worldwide pharmacists’ consultations are invaluable.
They maintain a high standard of hygiene and cleanliness.
gabapentin life saver
Trust and reliability on a global scale.
darkmarket link https://github.com/aresmarketlink0ru72/aresmarketlink – dark markets
darknet drugs https://github.com/darknetmarketlistv8tg0/darknetmarketlist – darknet markets onion
Commonly Used Drugs Charts.
https://cipropharm24.top/
Their online prescription system is so efficient.
darknet site https://github.com/tormarkets2025ukaz1/tormarkets2025 – dark market url
Professional, courteous, and attentive – every time.
can you buy generic cytotec without a prescription
Their international patient care is impeccable.
Some are medicines that help people when doctors prescribe.
https://clomidpharm24.top/
Get here.
A trusted partner in my healthcare journey.
https://cipropharm24.top/
The staff always ensures confidentiality and privacy.
Every international delivery is prompt and secure.
where buy cheap clomid pills
Commonly Used Drugs Charts.
Their commitment to global excellence is unwavering.
lisinopril by mail
Always leaving this place satisfied.
darknet markets url https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – dark market list
Their medication therapy management is top-notch.
https://cipropharm24.top/
Their senior citizen discounts are much appreciated.