踩到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");
}
http://kamapharm.com/# buy Kamagra
54 prednisone
Cyt Pharm: CytPharm – buy cytotec online fast delivery
CytPharm: buy cytotec online – Cyt Pharm
Trade as much as you like, but the priority should always be you.
A lot of married couples and companions today established private Wills.
cytotec buy online usa: order cytotec online – Cyt Pharm
Abortion pills online: buy cytotec online – CytPharm
http://dappharm.com/# DapPharm
Kamagra 100mg
cheap semaglutide pills: Sema Pharm 24 – semaglutide tablets for weight loss
http://kamapharm.com/# Kamagra tablets
super kamagra
https://predpharm.shop/# PredPharm
5mg prednisone
And that was simply the beginning: Once advertisers realized the facility of a 30-second ad, applications went from being sponsored by single firms to advertising several products at once, which meant a dramatic improve within the variety of adverts on Tv.
Главная
KENT
PredPharm: Pred Pharm – PredPharm
This section is an excerpt from Federal Emergency Management Company § Pre-disaster mitigation programs.
http://kamapharm.com/# buy Kamagra
Kamagra Oral Jelly
Kama Pharm: Kama Pharm – Kama Pharm
cheap semaglutide pills: cheap semaglutide pills – semaglutide tablets price
Kama Pharm: Kama Pharm – Kama Pharm
Pred Pharm PredPharm non prescription prednisone 20mg
semaglutide tablets: semaglutide tablets price – buy semaglutide
https://semapharm24.shop/# rybelsus semaglutide tablets
prednisone no rx
how much is prednisone 10 mg prednisone cream prednisone 20mg for sale
I don’t know if it’s just me or if everybody else experiencing issues with your site. It appears as though some of the written text on your content are running off the screen. Can someone else please provide feedback and let me know if this is happening to them as well? This could be a problem with my web browser because I’ve had this happen before. Appreciate it
Cyt Pharm: buy cytotec pills online cheap – п»їcytotec pills online
Hanford, William H. (January 15, 1852).
https://dappharm.com/# Priligy tablets
prednisone 50 mg prices
Kamagra 100mg price Kamagra 100mg Kama Pharm
buy dapoxetine online: dap pharm – buy dapoxetine online
перейдите на этот сайт GAMA