踩到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");
}
Luxurious flooring. Marble flooring could also be out of reach, however ceramic tiles with a faux-marble look or handsome vinyl flooring are good-looking, affordable alternate options.
Laje, Zilia L. (April 2, 2000).
осушитель сжатого воздуха [url=http://sk-kompressor.ru]осушитель сжатого воздуха[/url] .
осушители для компрессоров осушители для компрессоров .
Such a well-researched piece! It’s evident how much effort you’ve put in.
купить диплом о среднем специальном
https://gramster.ru/# gramster.ru
http://gramster.ru/# пин ап зеркало
There might be similarities drawn between “Diva” and Beyonc茅’s older video, “Loopy in Love.” Both movies embody elements of cars being lit on fireplace, and so they were both filmed in the identical location.
диплом пту купить
http://gramster.ru/# пин ап казино официальный сайт
купить диплом о высшем образовании в москве
The dedication to high quality content is evident and incredibly appealing. It’s hard not to admire someone who cares so much.
gramster.ru: gramster.ru – gramster.ru
казино комета личный кабинет официальный
Комета Казино — это популярная онлайн-платформа для азартных игр, предлагающая разнообразные игровые возможности. Здесь игроки могут наслаждаться большим выбором слотов, настольных игр и live-казино. Комета Казино привлекает пользователей не только азартными играми, но и щедрыми бонусами, акциями и программами лояльности. Лицензированное и безопасное, заведение обеспечивает честную игру и защиту личных данных. Позвольте себе окунуться в мир азарта и развлечений с Комета Казино — вашим идеальным местом для удачи!
пин ап казино: gramster.ru – пинап казино
http://gramster.ru/# pinup 2025
Correspondent, Special (29 April 2019).
Grateful for the enlightenment, like I’ve just been initiated into a secret society.
This piece was beautifully written and incredibly informative. Thank you for sharing!
http://gramster.ru/# pinup 2025
диплом купить с занесением в реестр
осушители для компрессоров осушители для компрессоров .
осушитель сжатого воздуха осушитель сжатого воздуха .
Remember, the key with flirtatious comments is to keep them light-hearted, respectful, and ensure they’re taken in the spirit of fun and admiration.
пин ап казино официальный сайт: gramster.ru – gramster.ru
Выберите идеальную коляску 3 в 1 для вашего ребенка, на которые стоит обратить внимание.
Топовые модели колясок 3 в 1, которые порадуют вас своим качеством и функциональностью.
Гид по выбору коляски 3 в 1, которые помогут вам сделать правильный выбор.
Как не ошибиться с выбором коляски 3 в 1, чтобы ваш ребенок был удобно и комфортно.
Сравнение колясок 3 в 1: отзывы и рекомендации, для того, чтобы выбрать оптимальный вариант.
priam 3 https://kolyaska-3-v-1-msk.ru/ .