踩到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");
}
비아그라 2알 먹으면
비아그라 2알 복용: 위험과 부작용
비아그라 부작용 탈모
비아그라와 탈모: 부작용과 과학적 근거
비아그라 복용법
비아그라를 복용할 때는 의사의 처방을 따르고 제품 정보에 나와 있는 지침을 엄격하게 준수해야 합니다. 일반적인 비아그라 복용법은 다음과 같습니다
약국에서 비아그라 파나요
약국에서 비아그라 구매: 가능한지, 절차 및 주의사항
비아그라 성분
비아그라의 주요 성분 및 작용 원리
비아그라 자주 먹으면
비아그라 자주 복용: 주의할 점과 효과에 대한 이해
голяк смотреть онлайн кубик в кубике https://golyak-serial-online.ru
голяк смотреть онлайн бесплатно в хорошем голяк смотреть онлайн бесплатно
голяк кубик в кубе бесплатно сериал голяк
голяк куб в кубе https://golyak-serial-online.ru
what is the best online casino for real money gaming bets
buy dimenhydrinate generic – dramamine 50mg us buy actonel sale
구글 계정 판매
구글 계정 판매, 깡통계정, 생성 계정,구글 아이디 구매 사이트, 구글 계정 대량 판매.
네이버 아이디 판매
네이버 아이디 판매, 비실명 아이디 구매, 네이버 아이디 구매, 최고의 품질 자랑하는 전문기업, 마케팅을 위한 네이버 아이디는 저희 행운아이디에서 책임지겠습니다.
네이버 아이디 판매
이미 계정 활성화가 되여 있으므로 직접 로그인하고 이용가능합니다.
개인, 비지니스 목적으로 홍보 등을 하는데 도움이 됩니다.
what is the best online casino for real money? online casino
Wonderful, what a webpage it is! This weblog gives helpful facts to us, keep it up.
obt.social/blogs/21773/Where-to-buy-a-diploma-at-an-adequate-priceВ
vkmonline.com/users/blogs/833001?page=2В
calc-bank.ru/calculator/krayinvestbankВ
turservisnews.ru/page/3В
startspresto.ru/dannye/pluginclass/cbblogs?action=blogs&func=show&id=22В
купить мебель с доставкой
https://formomebel.ru/stoliki/kruglye
how to buy forxiga – purchase precose online buy precose 50mg online
비아그라 용량
비아그라의 다양한 용량 이해
비아그라 한알 가격
비아그라 오리지널 약의 가격
смотреть атака титанов https://ataka-titanov-anime.ru
약국 비아그라 말고 직구로 사는건 어떤가요?
비아그라 직구와 약국 구입의 장단점
강직도 vs 크기
크기 대 강직도 무엇이 더 중요할까요?
비아그라 코막힘
편안한 호흡: 비아그라 관련 코막힘 관리 요령
비아그라 100mg
비아그라 100mg의 이점 잠금 해제: 종합 안내서
남자친구 크기 재는 법
남자친구 크기 측정하는 방법과 그것이 중요한 이유
발기 부전 치료제가 혈당을 떨어뜨린다?
발기 부전 치료제와 혈당 수준: 영향과 주의사항
비아그라 대체 약품의 부상
비아그라 대체 약품의 부상: 안전하고 효과적인 옵션 탐색
атака титанов атака титанов онлайн