踩到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");
}
viagra generico prezzo piГ№ basso: viagra prezzo – pillole per erezione immediata
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт цифровой техники уфа
farmacia online senza ricetta: Farmacie on line spedizione gratuita – Farmacie online sicure
farmacia online senza ricetta Farmacie online sicure Farmacia online piГ№ conveniente
Если вы искали где отремонтировать сломаную технику, обратите внимание – техпрофи
The parents were going at it just as a lot.
Could the Lord keep you In His good Peace At this time, and All the time.
There are CFLs that have both high CRIs and daylight coloration temperatures in the identical bulb.
The Gigabyte M27Q is one other great worth pick if you need an inexpensive monitor with a 1440p quick IPS panel.
Low cost – Is the lamp low cost?
Sabri Nihari hundreds a generous portion of tender beef into its nihari that will definitely warm you up on chilly Chicago winters.
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники
When looking for bulbs, choose healthy bulbs.
The meet represents the premier qualification alternative for the 2022 FINA World Championships set for Budapest, Hungary in late June/early July.
You may swap a number of of those out to suit your particular needs-correct strolling boots as a substitute of heels for a hiking journey, maybe, or insulated winter boots instead of sandals if you’re headed somewhere chilly.
farmacie online affidabili: Cialis generico controindicazioni – farmaci senza ricetta elenco
However the challenges are also increasing for the wholesale meals suppliers.
Robert C Patterson, a standard pleas choose, recalled “While not previous in years but he always appeared to me to hold on to those traditions and mental attitudes we are accustomed to associate with gentlemen of the old-fashioned.
Farmacia online miglior prezzo Cialis generico 20 mg 8 compresse prezzo farmacie online sicure
anon ig viewer anon ig viewer .
You can shop for discount kitchen furnishings on-line or brick and mortar stores.
https://tadalafilit.com/# farmacie online affidabili
farmacia online
Developed by H.G. Wells from his son’s toy troopers in 1913, this recreation and others like it used dice to determine whether actions had been successful, and referees negotiated in-recreation disputes.
I am unsure if Zappos is huge in the marriage apparel industry, however they do have free transport and returns so you’ll be able to try on different styles and items.
Farmacie on line spedizione gratuita: Farmacia online migliore – Farmacia online piГ№ conveniente
I received a really good tip from a buddy that I haven’t tried but; you can cook pasta and then dehydrate it.
farmacie online affidabili: farmacia online migliore – acquistare farmaci senza ricetta
In an early Italian version of the Bible, the “gentle” on Moses’ head was mistranslated as “horn.” For that reason, folks in Michelangelo’s time believed that Moses had horns and symbolized energy, majesty, and energy.
Even with elaborate dresses, you would not want your footwear to outshine the dress, and thus kitten heels, being shorter heels, won’t attract too much attention to your ft when you do not need them to.
The general Meeting is in charge of ratifying a budget and deciding how a lot money each nation pays into the system.