踩到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");
}
вывод из запоя на дому санкт-петербург вывод из запоя на дому санкт-петербург .
download instagram stories download instagram stories .
Drought-hit Danube River reveals scuttled German World War II ships
гей порно парни
The wrecks of explosives-laden Nazi ships sunk in the Danube River during World War II have emerged near Serbia’s river port town of Prahovo, after a drought in July and August that saw the river’s water level drop.
Four vessels dating from before 1950 have also come to light in Hungary’s Danube-Drava National Park near Mohacs, where the Danube’s water level stood at only 1.5 meters (4.9 feet) on Tuesday, the lingering effect of severe heat waves and persistent drought in July and August.
The vessels revealed in Prahovo were among hundreds scuttled along the Danube by Nazi Germany’s Black Sea fleet in 1944 as they retreated from advancing Soviet forces, destroying the ships themselves. The wrecks can hamper river traffic during low water levels.
Strewn across the riverbed, some of the ships still have turrets, command bridges, broken masts and twisted hulls, while others lie mostly submerged under sandbanks.
Endre Sztellik, a guard at the Danube-Drava national park, said of one of the ships, “we still don’t know what this is exactly. What is visible and an unfortunate fact is that the wreck is diminishing as people are interested in it and parts of it are going missing.”
The Danube stood at 1.17 meters (3.8 feet) in Budapest on Tuesday, which compares with an all-time record low of around 0.4 meters (1.3 feet) registered in October 2018. During floods, the Danube rises well above 6 meters (19.7 feet).
“Eastern Europe is experiencing critical drought conditions that are affecting crops and vegetation,” the European climate service Copernicus said on its website in its latest drought report, published earlier this month.
These are some of the most important issues we’ll face over the next few decades.
Всё, что нужно знать о покупке аттестата о среднем образовании
pipsgram.com/read-blog/94
Pin up casino official Puk up casino website – login and play online
Pin up casino official Puk up casino website – login and play online
I’m partial to blogs and i actually respect your content. The article has actually peaks my interest. I am going to bookmark your site and preserve checking for new information.
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: ремонт бытовой техники в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Wow, that’s what I was exploring for, what a data!
present here at this blog, thanks admin of this web site.
Как приобрести аттестат о среднем образовании в Москве и других городах
smite this spot and learn more http://elso.com/__media__/js/netsoltrademark.php?d=nspddfgurestv534.ru
Клининг после пожара http://uborka-ot-pozhara.ru/
Легальные способы покупки диплома о среднем полном образовании
That is really interesting, You are an excessively professional blogger. I’ve joined your feed and sit up for in quest of extra of your wonderful post. Additionally, I have shared your website in my social networks!
Hi, i think that i saw you visited my website so i came to ?return the favor?.I’m trying to find things to enhance my website!I suppose its ok to use a few of your ideas!!
ретрит йога туры https://ретриты.рф
zyprexa pharmacy: legitimate online pharmacy no prescription – fear pharmacy ativan
ретрит в краснодарском крае https://ретриты.рф
I’ve been surfing online more than 3 hours today, yet I never found any interesting article like yours. It’s pretty worth enough for me. In my view, if all web owners and bloggers made good content as you did, the net will be much more useful than ever before.
ретрит тур для женщин https://ретриты.рф
после капельницы от запоя после капельницы от запоя .
ретрит в горах https://ретриты.рф
Hi there! I’m at work browsing your blog from my new apple iphone!
Just wanted to say I love reading through your blog and look forward to all your posts!
Keep up the outstanding work!
капельница от запоя на дому в Коломне капельница от запоя на дому в Коломне .
Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You definitely know what youre talking about, why waste your intelligence on just posting videos to your weblog when you could be giving us something informative to read?
вывод. из. запоя. анонимно. ростов. вывод. из. запоя. анонимно. ростов. .
снять ломку наркомана снять ломку наркомана .
Can you tell us more about this? I’d want to find out more details.
Check out my homepage; ความรู้เรื่องกัญชา
clobetasol propionate online pharmacy: diflucan online pharmacy – cymbalta pharmacy prices