踩到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");
}
남친 소중이 크기
그곳에 크기에 대한 진실: 신화를 폭로하고 관계에 대한 자신감을 포용
https://autolux-azerbaijan.com/# Pin Up
Pin Up Azerbaycan ?Onlayn Kazino: Pin Up Azerbaycan ?Onlayn Kazino – Pin Up Azerbaycan ?Onlayn Kazino
비아그라 부작용 눈
비아그라 부작용: 눈에 미치는 영향에 대한 이해
필름형 비아그라
"필름형 비아그라: 성생활 만족도를 높이는 최신 기술"
What a refreshing take on this subject. I completely agree with The points!
The post was a beacon of knowledge. Thanks for casting light on this subject for me.
Unique perspective? Check. Making me rethink my life choices? Double-check.
The voice shines through The writing like a beacon, guiding us through the darkness of ignorance.
The insights are like a favorite book; I find new treasures each time I return.
The thoughtful analysis has really made me think. Thanks for the great read!
This post is packed with useful insights. Thanks for sharing The knowledge!
Pin-up Giris: Pin up 306 casino – Pin up 306 casino
Thank you for adding value to the conversation with The insights.
I learned a lot, and now I’m curious about what else you could teach me. The intelligence is as captivating as The prose.
Thank you for making hard to understand topics accessible and engaging.
The passion for this subject is infectious. Reading The post has inspired me to learn more.
A constant source of inspiration and knowledge, like a muse but less mythical.
игра лаки джет на деньги 1win-luckyjet-game.ru .
You’ve articulated The points with such finesse. Truly a pleasure to read.
The creativity and intelligence shine through this post. Amazing job!
https://autolux-azerbaijan.com/# ?Onlayn Kazino
Amazed by The knowledge breadth, or what I’ve been mistaking for just good Googling skills.
I always learn something new from The posts, like discovering new facets of a gem. Thanks for the gems!
The insights have added a lot of value to my understanding. Thanks for sharing.
I always learn something new from The posts, like discovering new facets of a gem. Thanks for the gems!
Making hard to understand concepts readable is no small feat. It’s like you know exactly how to tickle my brain.
Reading The work is like gazing at a masterpiece; every detail contributes to a breathtaking whole.
The elegance of The arguments is as captivating as a sunset. I could admire it all day.
Pin-up Giris: Pin-Up Casino – pin-up360