踩到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");
}
Each post is a journey, and The words are the map. Thanks for leading the way.
Incredibly helpful post, like a GPS for my lost thoughts.
The work is truly inspirational. It’s as if you’ve found a way to whisper sweet nothings to my intellect.
Thoroughly insightful read, or so I thought until I realized it was The expertise shining through. Thanks for making me feel like a novice again!
The work is truly inspirational. I appreciate the depth you bring to The topics.
amoxicillin tablets in india AmoxStar amoxicillin canada price
can i buy generic clomid how can i get cheap clomid where buy cheap clomid now
The creativity shines through, making me wonder what else you could do with such a vivid imagination.
The article was a joy to read, and The enthusiasm is as infectious as The charm.
Touched on personal resonances, or as I like to call it, psychic abilities.
Reading The work is like watching the sunrise, a daily reminder of beauty and new beginnings.
The work is both informative and thought-provoking. I’m really impressed by the high quality of The content.
вывод из запоя санкт петербург [url=https://belbeer.borda.ru/?1-6-0-00000780-000-0-0-1730825410]вывод из запоя санкт петербург[/url] .
https://prednibest.com/# prednisone 10mg tablets
buy cipro online canada: CiPharmDelivery – where can i buy cipro online
The insights add so much value to the conversation. I always learn something new from you.
amoxicillin 500 mg: AmoxStar – where can i get amoxicillin
I’m genuinely impressed by the depth of The analysis. Great work!
The elegance of The arguments is as captivating as a sunset. I could admire it all day.
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт стиральных машин smeg цены, можете посмотреть на сайте: ремонт стиральных машин smeg в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
The content is like a treasure chest; every post uncovers gems of wisdom. X marks the spot here.
The finesse with which you articulated The points made The post a true pleasure to read.
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали срочный ремонт стиральных машин smeg, можете посмотреть на сайте: ремонт стиральных машин smeg сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Genuinely impressed by The analysis. I was starting to think depth had gone out of style. Kudos for proving me wrong!
The content is like a treasure chest; every post uncovers gems of wisdom. X marks the spot here.
The analysis made me think about the topic in a new way. Thanks for the insightful read.
Testament to The expertise and hard work, or The ability to make me feel utterly unaccomplished.
вывод из запоя на дому санкт-петербург вывод из запоя на дому санкт-петербург .
Thank you for adding value to the conversation with The insights.
Jakie korzyści mają użytkownicy aplikacji? Możliwość korzystania z pełnej oferty gier oraz informacji o promocjach z jednego urządzenia. W każdej chwili możemy wyciągnąć telefon i otworzyć nasze e-kasyno. Aplikacja działa płynnie, a gracze bardzo ją sobie chwalą.