踩到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");
}
Thanks for your publiction. Another issue is that to be a photographer consists of not only problems in catching award-winning photographs but additionally hardships in acquiring the best video camera suited to your requirements and most especially challenges in maintaining the quality of your camera. That is very correct and apparent for those photography addicts that are straight into capturing this nature’s fascinating scenes – the mountains, the particular forests, the wild and the seas. Visiting these adventurous places undoubtedly requires a dslr camera that can meet the wild’s severe area.
Быстрая доставка бутилированной питьевой воды на дом и в офис. Удобный заказ. Доставляем в Троицке и новой Москве. https://ледниковая.рф/
Plinko games: Plinko casino game – Plinko online
Финансовые новости Казахстана: свежие факты, читайте.
Курс валют в Казахстане сегодня, учтите.
Важные финансовые отчеты из Казахстана, чтобы быть в курсе.
Актуальные экономические тренды Казахстана, подписывайтесь на обновления.
Влияние мировых цен на экономику Казахстана, анализируйте.
Где инвестировать в Казахстане?, посмотрите.
Финансовая грамотность для казахстанцев, запоминайте.
Что нужно знать о банках Казахстана?, изучите.
Будущее экономики Казахстана: прогнозы, обсуждайте.
Что нового в налоговой системе Казахстана?, следите.
Денежная политика Национального банка Казахстана, ознакомьтесь.
Секреты успешного финансирования бизнеса в Казахстане, изучите.
Состояние фондового рынка Казахстана, следите.
Как мировая экономика влияет на Казахстан?, ознакомьтесь.
Как взять кредит в Казахстане?, исследуйте.
Свежие данные о рынках Казахстана, не пропустите.
Рынок недвижимости Казахстана: последние тренды, ознакомьтесь.
Бюджет страны: что нужно знать о Казахстане?, анализируйте.
Полезные советы по финансам для казахстанцев, проверьте.
Электронные финансы в Казахстане: что нужно знать?, ознакомьтесь.
финансовые новости Казахстана https://wikibank.kz/ .
http://plinkodeutsch.com/# plinko game
plinko spelen plinko nederland plinko casino nederland
https://plinkocasi.com/# Plinko casino game
https://plinkodeutsch.com/# PlinkoDeutsch
plinko game: PlinkoFr – plinko game
http://plinkofr.com/# plinko
plinko france: avis plinko – plinko
plinko casino plinko ball plinko casino
http://plinkocasinonl.com/# plinko casino nederland
plinko casino: plinko casino – avis plinko
https://plinkocasinonl.com/# plinko spelen
Plinko games Plinko online game Plinko app
https://pinco.legal/# pinco.legal
plinko wahrscheinlichkeit: plinko ball – plinko geld verdienen
Plinko game for real money: Plinko games – Plinko game for real money
plinko game: plinko wahrscheinlichkeit – Plinko Deutsch
https://plinkodeutsch.shop/# plinko casino
plinko wahrscheinlichkeit: PlinkoDeutsch – plinko
http://plinkofr.com/# avis plinko
PlinkoFr: plinko game – plinko
plinko casino: plinko spelen – plinko nederland
Plinko online game: Plinko-game – Plinko game
купить аттестат об образовании
купить диплом оригинал
диплом купить дешево
plinko wahrscheinlichkeit: plinko casino – plinko erfahrung