踩到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");
}
darknet markets onion bitcoin dark web
darknet markets https://github.com/newonionlinks/darknetmarkets – dark web sites
darknet market lists dark web market links
1вин кг 1win37.com.kg .
http://certpharm.com/# Legit online Mexican pharmacy
mexican pharmacy: mexican pharmacy online – Cert Pharm
mexican online pharmacies prescription drugs http://certpharm.com/# Mexican Cert Pharm
1win официальный сайт вход http://www.1win41.com.kg .
mexican border pharmacies shipping to usa https://certpharm.shop/# mexican pharmaceuticals online
颅Today, designers and entrepreneurs have turned their attention to creating smaller, environmentally friendly vehicles and car-sharing programs.
casino 1win http://www.1win2.com.mx .
mexican pharmacy online: mexican pharmacy – Cert Pharm
mexican pharmacy: Cert Pharm – Legit online Mexican pharmacy
On March 19, 2020, Pennsylvania governor Tom Wolf ordered a closure of all non-life-sustaining companies in the state to close physical areas in order to slow the unfold of the virus.
1wln http://www.1win37.com.kg .
I was referred to this web site by my cousin. I’m not sure who has written this post, but you’ve really identified my problem. You’re wonderful! Thanks!
dark web market list onion dark website
I just couldn’t leave your web site prior to suggesting that I really enjoyed the standard info an individual supply to your guests? Is going to be again continuously in order to inspect new posts
mexican pharmacy: mexican pharmacy online – mexican pharmacy
casino 1 win https://1win2.com.mx/ .
dark web market dark web market
one win http://www.1win37.com.kg .
medication from mexico pharmacy https://certpharm.shop/# Legit online Mexican pharmacy
darknet marketplace dark web markets
darknet links darknet drugs
https://certpharm.com/# Best Mexican pharmacy online
Our communities really need to deal with this.
1win descarga http://1win2.com.mx .
pharmacies in mexico that ship to usa: Mexican Cert Pharm – Cert Pharm
Mexican Cert Pharm: mexican drugstore online – Cert Pharm