踩到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");
}
Their online prescription system is so efficient.
buying cheap cytotec no prescription
Their health awareness programs are game-changers.
Always greeted with warmth and professionalism.
how can i get cheap lisinopril price
They always keep my medication history well-organized.
tor drug market https://github.com/aresmarketlink0ru72/aresmarketlink – darkmarket 2025
darkmarket list https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark web markets
купить диплом ликвидированного вуза diploms-bests.ru .
Все о недвижимости https://brigantina-stroy.ru покупка, аренда, ипотека. Разбираем рыночные тренды, юридические тонкости, лайфхаки для выгодных сделок. Помогаем выбрать квартиру, рассчитать ипотеку, проверить документы и избежать ошибок при сделках с жильем. Актуальные статьи для покупателей, арендаторов и инвесторов.
They stock quality medications from all over the world.
can you buy cheap cytotec prices
Their home delivery service is top-notch.
drug information and news for professionals and consumers.
https://gabapentinpharm24.top/
Hassle-free prescription transfers every time.
The team always ensures that I understand my medication fully.
gabapentin 300 mg and weight gain
A pharmacy I wholeheartedly recommend to others.
Their global health resources are unmatched.
https://lisinoprilpharm24.top/
Their global reach is unmatched.
Все о недвижимости https://vam42.ru покупка, аренда, ипотека. Разбираем рыночные тренды, юридические тонкости, лайфхаки для выгодных сделок. Помогаем выбрать квартиру, рассчитать ипотеку, проверить документы и избежать ошибок при сделках с жильем. Актуальные статьи для покупателей, арендаторов и инвесторов.
darknet drug market https://github.com/tormarkets2025ukaz1/tormarkets2025 – darkmarket list
A pharmacy that keeps up with the times.
https://cipropharm24.top/
I appreciate the range of payment options they offer.
Все о недвижимости https://psk-opticom.ru покупка, аренда, ипотека. Разбираем рыночные тренды, юридические тонкости, лайфхаки для выгодных сделок. Помогаем выбрать квартиру, рассчитать ипотеку, проверить документы и избежать ошибок при сделках с жильем. Актуальные статьи для покупателей, арендаторов и инвесторов.
dark market https://github.com/aresmarketlink0ru72/aresmarketlink – darknet market
darknet drug market https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – darknet links
A trusted voice in global health matters.
where can i get cheap clomid no prescription
They understand the intricacies of international drug regulations.
A seamless fusion of local care with international expertise.
where to buy cheap cytotec without dr prescription
Their patient care is unparalleled.
dark web link https://github.com/darknetmarketlistv8tg0/darknetmarketlist – darknet markets 2025
The best place for health consultations.
gabapentin without rx
Their health seminars are always enlightening.
They always keep my medication history well-organized.
can i get cheap cipro tablets
The staff always goes the extra mile for their customers.
Все о недвижимости https://ks-inginiring.ru покупка, аренда, ипотека. Разбираем рыночные тренды, юридические тонкости, лайфхаки для выгодных сделок. Помогаем выбрать квартиру, рассчитать ипотеку, проверить документы и избежать ошибок при сделках с жильем. Актуальные статьи для покупателей, арендаторов и инвесторов.
Their global health insights are enlightening.
generic lisinopril price
I’m impressed with their commitment to customer care.
darknet markets url https://github.com/tormarkets2025ukaz1/tormarkets2025 – darknet site
They provide valuable advice on international drug interactions.
cost generic clomid without rx
Excellent consultation with clear communication.
dark market https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark market url
site https://hitman-assassin-killer.com
A cornerstone of our community.
generic clomid no prescription
Setting global standards in pharmaceutical care.
dark web market links https://github.com/darknetmarketlinks2025/darknetmarkets – dark market 2025
Always a seamless experience, whether ordering domestically or internationally.
cost of generic clomid no prescription
A global name with a reputation for excellence.