踩到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");
}
A guild may emphasize raiding — progression via tough dungeons with massive groups of players — or it’d focus on serving to decrease-degree gamers purchase gear and expertise.
There is probably no particular time that is essentially proper to start out your company or start your life.
Если вы искали где отремонтировать сломаную технику, обратите внимание – техпрофи
He dissolved the government and asked Mussolini to form a new one.
Your Good Instances reception desk is made proper right here in sunny SW Florida by our talented team!
Affiliate program pays $20 per sale (75) and has been changing at 4.96 from the preliminary marketing campaign.
farmacia online senza ricetta: Farmacie online sicure – Farmacie on line spedizione gratuita
viagra acquisto in contrassegno in italia: viagra generico – viagra generico recensioni
Farmacie on line spedizione gratuita Farmacia online piu conveniente comprare farmaci online con ricetta
farmacia online: Farmacia online migliore – top farmacia online
Farmacia online miglior prezzo: Cialis generico recensioni – farmacie online affidabili
viagra generico sandoz viagra generico viagra generico in farmacia costo
4rabet promo code free: The currently active promo code for 4rabet, which can be used to claim a daily bonus, such as a free bet or deposit match.
top farmacia online: farmaci senza ricetta elenco – top farmacia online
4rabet bonus code: Promo codes for users in Bangladesh, offering bonuses such as free bets, deposit matches, or special rewards for games popular in Bangladesh.
http://tadalafilit.com/# comprare farmaci online all’estero
Farmacia online miglior prezzo
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт цифровой техники волгоград
farmacias online baratas: Tadalafilo precio – farmacias online seguras en espaГ±a
Appreciation for taking the time to discuss this topic, I would love to discover more on this topic. If viable, as you gain expertise, would you object to updating the website with further information? It is tremendously beneficial for me.
The final person must toss the ball to the starter, after which the ball must make an similar orbit around the circle again, following the same passing pattern.
Quest for the Antarctic Circle tour requires that you’ve enough and legitimate journey insurance coverage masking medical and private accidents, together with repatriation costs and emergency evacuation.
If the weather permits, let youngsters take a look at their sleuthing expertise with this Halloween recreation.
We instructed each other the whole lot, our perils, our nice joys, our little pleasures, and even the humors of the situation.
Many likes to want these boots for its elegant and the aspects of consolation these of the charms as well as relieves your feet with greatest suitability.Timberland boots are highly regarded, regardless of when and where it is going to inadvertently seem in people’s eyes.
If you find the most effective pleased hour in Portland and we don’t have it listed, let us know!
Not all individuals who don’t work are unemployed.
It’s so helpful to see where your time is basically going!
viagra para hombre precio farmacias similares: viagra generico – comprar sildenafilo cinfa 100 mg espaГ±a
Bees make honey. Vegans dont eat it.
1xBet
A 1xBet promo code is a special code that users can enter to receive bonuses such as free bets, deposit bonuses, or other rewards. These codes are often provided as part of welcome offers, special promotions, or affiliate partnerships.