踩到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");
}
click here now Wallet Fox
https://doxhealthpharm.shop/# doxycycline 100 mg capsule
http://amohealthpharm.com/# amoxil generic
generic clomid without prescription: where buy cheap clomid now – can i order generic clomid without a prescription
doxycycline 50 mg cap: DoxHealthPharm – doxycycline 100 mg tablet cost
garuda888.top garuda888 slot Kasino di Indonesia menyediakan hiburan yang beragam
Kasino di Bali menarik banyak pengunjung http://slotdemo.auction/# Bermain slot bisa menjadi pengalaman sosial
https://preman69.tech/# Banyak kasino memiliki program loyalitas untuk pemain
This is undoubtedly one of the finest articles I’ve read on this topic! The author’s thorough knowledge and zeal for the subject are evident in every paragraph. I’m so grateful for coming across this piece as it has deepened my comprehension and sparked my curiosity even further. Thank you, author, for dedicating the time to create such a phenomenal article!
Slot klasik tetap menjadi favorit banyak orang https://slot88.company/# Mesin slot menawarkan berbagai tema menarik
Slot dengan pembayaran tinggi selalu diminati http://slotdemo.auction/# Kasino di Jakarta memiliki berbagai pilihan permainan
https://social.ahuasca.com/read-blog/9037
http://garuda888.top/# Slot dengan pembayaran tinggi selalu diminati
https://palzparc.com/adblog/18693/get-your-winning-start-with-1xbet-promo-code-2025/
Banyak pemain berusaha untuk mendapatkan jackpot https://slot88.company/# Slot dengan grafis 3D sangat mengesankan
Bermain slot bisa menjadi pengalaman sosial https://slot88.company/# Kasino sering mengadakan turnamen slot menarik
http://slot88.company/# Pemain sering mencoba berbagai jenis slot
Korean cosmetics http://hxwltw.com/home.php?mod=space&uid=433502&do=profile&from=space perfect skin without effort! Innovative formulas, Asian traditions and visible results. Try the best skin care products right now!
slot88 slot 88 Slot klasik tetap menjadi favorit banyak orang
buy acticlate online – ventolin for sale order glipizide for sale
Pemain sering mencoba berbagai jenis slot https://garuda888.top/# Slot modern memiliki grafik yang mengesankan
Keseruan bermain slot selalu menggoda para pemain: slot demo pg gratis – slot demo gratis
Keseruan bermain slot selalu menggoda para pemain: slot demo gratis – slot demo
Kasino sering mengadakan turnamen slot menarik https://slot88.company/# Permainan slot mudah dipahami dan menyenangkan
Kasino di Indonesia menyediakan hiburan yang beragam http://slot88.company/# Kasino di Indonesia menyediakan hiburan yang beragam
slot demo akun demo slot Mesin slot dapat dimainkan dalam berbagai bahasa
https://jasmijnshop.nl/product/drakenbloed-smugde-bundel/#comment-477762
диплом купить в липецке
Korean cosmetics https://www.handgunforum.net/members/jessicoore8.60979/#about perfect skin without effort! Innovative formulas, Asian traditions and visible results. Try the best skin care products right now!
Kasino sering mengadakan turnamen slot menarik https://bonaslot.site/# Kasino memastikan keamanan para pemain dengan baik