踩到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");
}
краснодар вывод из запоя краснодар вывод из запоя .
срочная помощь вывод из запоя краснодар срочная помощь вывод из запоя краснодар .
вывод из запоя цены на дому краснодар вывод из запоя цены на дому краснодар .
вывод из запоя анонимно краснодар вывод из запоя анонимно краснодар .
вывод из запоя анонимно краснодар вывод из запоя анонимно краснодар .
вывод из запоя vyvod-iz-zapoya-krasnodar116.ru .
п»їlegitimate online pharmacies india: buy medicines online in india – indianpharmacy com
вывод из запоя http://vyvod-iz-zapoya-krasnodar206.ru .
best india pharmacy indian pharmacy indian pharmacies safe
вывод из запоя цены краснодар вывод из запоя цены краснодар .
https://mexicanpharmacy.store/# buying prescription drugs in mexico online
диплом о высшем образовании недорого диплом о высшем образовании недорого .
mexican border pharmacies shipping to usa purple pharmacy mexico price list mexico pharmacies prescription drugs
Fitch Ratings. “Fitch Affirms Slovenia at ‘A’; Outlook Stable”.
http://indianpharmacy.win/# п»їlegitimate online pharmacies india
https://indianpharmacy.win/# pharmacy website india
п»їlegitimate online pharmacies india: best india pharmacy – indian pharmacy paypal
http://canadianpharmacy.win/# canadapharmacyonline
алкоголизм вывод из запоя краснодар [url=www.vyvod-iz-zapoya-krasnodar115.ru/]алкоголизм вывод из запоя краснодар[/url] .
http://indianpharmacy.win/# cheapest online pharmacy india
вывод из запоя круглосуточно https://www.vyvod-iz-zapoya-krasnodar115.ru .
http://canadianpharmacy.win/# canadian pharmacy meds
As well as this, Mie Prefecture is expanding into more advanced industries together with the manufacture of semiconductors and liquid crystal displays.
One has her hand flippantly on the piano keys in a dress of pink; her good friend has an elbow resting on the piano in a lovely dress of grey and caramel-colored alternate stripes, complete with repeat tied bows.
These syncrude feedstocks are exposed to numerous ranges of heat, pressure, and physical manipulation to provide a substance with the same arrangement of hydrocarbons as naturally occurring crude oil.
http://indianpharmacy.win/# buy prescription drugs from india
https://indianpharmacy.win/# india pharmacy mail order
canadian pharmacy prices: best canadian online pharmacy – canada drugstore pharmacy rx
canada rx pharmacy: canadian pharmacies online – canadian pharmacy tampa
https://indianpharmacy.win/# world pharmacy india