踩到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");
}
네이버 아이디 구매
네이버 아이디 구매,네이버 아이디 판매 ,네이버 아이디 구매,네이버아이디매입,네이버 아이디 판매
비아그라 먹는법
비아그라 복용 가으드: 올바른 사용법과 주의사항
비아그라 제네릭 구매
온라인에서 고품질 비아그라 제네릭을 찾는 최고의 가이드
비아그라 구매방법 비아그라는 처방전이 필요한 약물로 분류되어 있기 때문에, 올바른 절차를 따라 구매해야 합니다. 여기서는 비아그라를 구매하는 올바른 방법에 대해 알아보겠습니다.
비아그라 제네릭 구매
온라인에서 고품질 비아그라 제네릭을 찾는 최고의 가이드
비아그라 여자
여성을 위한 비아그라: 작은 분홍색 알약 종합 가이드
안전한 비아그라 구입에 대한 종합 가이드: 처방전 없이 합법적으로 구입하는 방법
비아그라 구입
비아그라 온라인 구매
온라인에서 비아그라를 구매하는 것은 편리성, 익명성, 비용 절감, 접근성 등의 여러 가지 이유로 인해 많은 사람들이 선택하는 방법입니다.
네이버 아이디 구매 naver
네이버는 대한민국의 포털 사이트로, 검색 엔진, 뉴스, 온라인 커뮤니티, 동영상 서비스, 블로그, 카페 등 다양한 컨텐츠를 제공하는 대표적인 웹 포털 중 하나입니다.
비아그라 자주 먹으면
비아그라 자주 복용: 주의할 점과 효과에 대한 이해
order zofran 8mg without prescription – cheap zofran 4mg requip 2mg for sale
약국 비아그라 말고 직구로 사는건 어떤가요?
비아그라 직구와 약국 구입의 장단점
비아그라 고혈압
비아그라와 고혈압: 효과와 주의사항
비아그라 남성의 자존심
비아그라 남성의 자존심
네이버 아이디 구매
네이버 아이디 구매,네이버 아이디 판매 ,네이버 아이디 구매,네이버아이디매입,네이버 아이디 판매
비아그라 220mg
비아그라 220mg: 발기부전을 위한 최고의 솔루션
정품 비아그라
정품 비아그라: 효과, 특징, 가격, 구매 방법
비아그라 종류
비아그라의 주요 종류
비아그라 약국에서 살 수 있나요?
처방에서 구입까지: 약국에서 비아그라를 구입하는 여정
프릴리지 인터넷 구매
프릴리지 인터넷 구매를 위한 궁극의 가이드: 알아야 할 모든 것
비아그라 종류
다양한 비아그라 종류 탐색: 성능 향상을 위한 옵션 이해
buy generic ascorbic acid – order generic ferrous sulfate 100mg cheap prochlorperazine tablets
긴장해서 안 서요
긴장해서 안 서는 몇 가지 대안
남자 오래 참는 법
조루 극복을 위한 궁극의 가이드: 더 오래 참는 법과 기
페니실린, 항암제, 보톡스, 비아그라의 '전쟁 기여도'는?
페니실린, 항암제, 보톡스, 비아그라: 의학 분야에서의 중요성과 역사적 기여도 비교
20대 비아그라 처방
20대에 비아그라 처방이 필요한 이유
약국에서 비아그라 파나요?
약국 외에도 비아그라는 온라인 약국이나 기타 온라인 판매점을 통해 구입할 수도 있습니다.
비아그라 처방
비아그라 처방전 받기에 관한 모든 것: 알아야 할 사항
네이버 아이디 구매 비실명 ID 계정 판매
네이버 아이디 구매
비아그라 제네릭
비아그라 제네릭: 효과, 이점, 그리고 주의사항