踩到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");
}
article source rabby wallet download
purchase cialis on line: Tadal Access – cheap t jet 60 cialis online
cialis generic over the counter: TadalAccess – cialis generic for sale
cialis for bph insurance coverage: tadalafil online paypal – best time to take cialis 5mg
moved here MetaMask Download
Get More Info phantom Download
https://tadalaccess.com/# cialis free trial offer
see this site keplr Download
have a peek at these guys Metamask Extension
cialis 20 mg price walmart: TadalAccess – cialis dapoxetine australia
Следующая страница Altcoin обменник
Подробнее Альткоин обменник
посмотреть в этом разделе Altcoin обмен криптовалюты
find rabby wallet download
prescription free cialis: Tadal Access – canada cialis
https://tadalaccess.com/# cialis tadalafil 20mg tablets
you can find out more rabby wallet extension
click here to investigate phantom wallet
Playing Aviator Racket in Batery Bookmaker Assemblage aviatorbatery.in in India.
aviatorbatery.in
cialis generic 20 mg 30 pills: Tadal Access – sildenafil vs tadalafil which is better
Перейти на сайт Альткоин обменник
her latest blog phantom Extension