踩到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");
}
Kasino mendukung permainan bertanggung jawab: garuda888 – garuda888
Pemain harus menetapkan batas saat bermain https://slot88.company/# Slot menjadi bagian penting dari industri kasino
http://slotdemo.auction/# Keseruan bermain slot selalu menggoda para pemain
garuda888.top garuda888 slot Slot memberikan kesempatan untuk menang besar
https://slot88.company/# Slot modern memiliki grafik yang mengesankan
https://www.khedmeh.com/wall/blogs/post/74280
Slot menawarkan kesenangan yang mudah diakses https://garuda888.top/# Pemain harus memahami aturan masing-masing mesin
Slot dengan bonus putaran gratis sangat populer: garuda888 slot – garuda888 slot
Pemain sering berbagi tips untuk menang http://bonaslot.site/# Beberapa kasino memiliki area khusus untuk slot
Banyak pemain menikmati bermain slot secara online http://slot88.company/# Mesin slot dapat dimainkan dalam berbagai bahasa
Slot menjadi daya tarik utama di kasino: slot 88 – slot88
https://slot88.company/# Beberapa kasino memiliki area khusus untuk slot
http://garuda888.top/# Keseruan bermain slot selalu menggoda para pemain
Slot memberikan kesempatan untuk menang besar http://slot88.company/# Mesin slot digital semakin banyak diminati
Pemain sering mencoba berbagai jenis slot http://preman69.tech/# Kasino menawarkan pengalaman bermain yang seru
Slot Tragamonedas são um tipo de jogo de azar baseado em máquina que é popular tanto em cassinos físicos quanto online. Neste jogo, os jogadores fazem apostas e giram rolos que exibem vários símbolos. Se determinados símbolos se alinharem num padrão vencedor, os jogadores podem ganhar prémios de acordo com a tabela de pagamentos aplicável.
Pemain harus memahami aturan masing-masing mesin: slot demo rupiah – slot demo
http://slotdemo.auction/# Slot dengan grafis 3D sangat mengesankan
http://preman69.tech/# Slot modern memiliki grafik yang mengesankan
Pemain bisa menikmati slot dari kenyamanan rumah: bonaslot.site – bonaslot.site
https://garuda888.top/# Kasino di Jakarta memiliki berbagai pilihan permainan
Pemain harus memahami aturan masing-masing mesin http://slotdemo.auction/# Kasino di Bali menarik banyak pengunjung
check this link right here now Wallet Fox
BonaSlot BonaSlot Banyak kasino memiliki program loyalitas untuk pemain
Mesin slot dapat dimainkan dalam berbagai bahasa http://slot88.company/# Slot dengan grafis 3D sangat mengesankan
Slot klasik tetap menjadi favorit banyak orang: bonaslot – BonaSlot
Kasino mendukung permainan bertanggung jawab https://garuda888.top/# Mesin slot baru selalu menarik minat
Kasino di Bali menarik banyak pengunjung: bonaslot – BonaSlot
http://garuda888.top/# Kasino sering memberikan hadiah untuk pemain setia
preman69.tech preman69 Bermain slot bisa menjadi pengalaman sosial