踩到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");
}
They provide a global perspective on local health issues.
https://cipropharm24.top/
Definitive journal of drugs and therapeutics.
dark web market https://github.com/tormarkets2025ukaz1/tormarkets2025 – darknet markets onion address
The best place for health consultations.
https://clomidpharm24.top/
Everything information about medication.
darknet marketplace https://github.com/aresmarketlink0ru72/aresmarketlink – dark web markets
A powerhouse in international pharmacy.
https://lisinoprilpharm24.top/
Offering a global touch with every service.
I can’t express how much I admire the effort the author has put into writing this outstanding piece of content. The clarity of the writing, the depth of analysis, and the wealth of information provided are simply astonishing. His enthusiasm for the subject is obvious, and it has definitely struck a chord with me. Thank you, author, for offering your wisdom and enhancing our lives with this extraordinary article!
Все о компьютерных играх https://lifeforgame.ru обзоры новых проектов, рейтинги, детальные гайды, новости индустрии, анонсы и системные требования. Разбираем особенности геймплея, помогаем с настройками и прохождением. Следите за игровыми трендами, изучайте секреты и погружайтесь в мир гейминга.
Все о компьютерных играх https://lifeforgame.ru/ обзоры новых проектов, рейтинги, детальные гайды, новости индустрии, анонсы и системные требования. Разбираем особенности геймплея, помогаем с настройками и прохождением. Следите за игровыми трендами, изучайте секреты и погружайтесь в мир гейминга.
Trustworthy and reliable, every single visit.
buy clomid without rx
Get information now.
Learn about the side effects, dosages, and interactions.
300 mg gabapentin
A pharmacy that sets the gold standard.
dark web markets https://github.com/darknetmarketlistv8tg0/darknetmarketlist – darknet websites
Definitive journal of drugs and therapeutics.
how can i get generic lisinopril without rx
Their medication reminders are such a thoughtful touch.
Their prices are unbeatable!
buying generic cipro
Their global presence never compromises on quality.
что такое 1win 1win111.com.kg .
Their dedication to global health is evident.
get lisinopril without dr prescription
A modern pharmacy with a traditional touch of care.
darkmarket link https://github.com/aresmarketlink0ru72/aresmarketlink – darknet drug market
darknet market https://github.com/darknetmarketlinks2025/darknetmarkets – dark web sites
Все о компьютерных играх https://lifeforgame.ru обзоры новых проектов, рейтинги, детальные гайды, новости индустрии, анонсы и системные требования. Разбираем особенности геймплея, помогаем с настройками и прохождением. Следите за игровыми трендами, изучайте секреты и погружайтесь в мир гейминга.
check here https://brd-wallet.com
official site https://web-martianwallet.io/
Excellent consultation with clear communication.
how can i get cytotec without rx
A pharmacy that sets the gold standard.
learn this here now https://brd-wallet.com
казино 1win http://1win103.com.kg .
site web https://web-martianwallet.io/
darknet market https://github.com/darknetmarketlistv8tg0/darknetmarketlist – darknet marketplace
1вин про https://www.1win110.com.kg .
Bonuses https://brd-wallet.com
darknet markets https://github.com/aresmarketlink0ru72/aresmarketlink – dark web market urls
my response https://brd-wallet.com/
Global expertise with a personalized touch.
get generic cipro for sale
They have a fantastic range of supplements.