踩到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");
}
Заголовок: Оцени Шанс: Запускай на Бабки Онлайн в Превосходном Игорном доме!
Введение:
Игрок желаете острых впечатлений и вероятности схватить джекпот, ни оставляя из обители? Тогда вам определенно будет интересно пробовать на бабки в всети клубе! Новые технологии позволяют наслаждаться азартными развлечениями в любое удобное время и в каждом локации. Избавьтесь о поездках в громкие учреждения – вселенная риска теперь у тебя близко ручкой. Присоединяйтесь к массе клиентов, которые уже обожали удобность и ассортимент онлайне игорного дома.
Преимущества игры в онлайн казино:
Играть онлайн – это приятно: Игрок могли бы начать пробовать на бабки в каждое время, ни отлучаясь комфортного стула. Снова не требуется терять мгновение на переезд и выполнять требовательный дресс-код. Широкий выбор забав: Всети игорный дом дают обширный выбор развлечений на любой воображаемый настроение – от традиционных автоматов до захватывающих столовых игр с живыми операторами. Игрок часто найдете что-то привлекательное для себе. Запускать на кеш – это волнение и вероятность приза: Живые пари делают развлечение ещё сильнее захватывающей. Приключение и волнение – тут такое превращает казино таким привлекательным. Подарки и события: Винтернете казино радуют любимых пользователей крутыми премиями за запись, депозиты и активность. Применяйте таковые, чтобы повысить уровень свои возможности на джекпот. Защита и приватность: Новые онлайне заведение употребляют передовые разработки зашифровки, чтобы защитить твои сведения и платежи. Игрок можете пробовать на деньги, ни беспокоясь о защите. Наличие 24/7: Клуб всети действует всегда, следовательно пользователь можете запускать в удобное наиболее удобное для вас секунду.
Как начать играть на деньги онлайн:
Выберите безопасное заведение: Рассмотрите рецензии, проверьте существование сертификата и проверьте в безопасности избранного вами площадки. Подключитесь: Порядок регистрации обычно происходит только несколько минут. Тебе нужно надо указать ваши информацию и одобрить учетную запись. Пополните депозит: Найдите простой метод зачисления и положите первостепенный вложение, чтобы начать крутить на бабки. Выберите забаву: Изучите предложенные забавы и найдите именно те, которые вам больше привлекательны. Радуйтесь развлечением: Чувствуйте удовольствие от забавы и не помните об ответственном подходе к азартным развлечениям.
Почему стоит играть на деньги именно у нас?
Мы предлагаем:
Максимальный широкий выбор развлечений от ведущих создателей. Оперативные и удобные способы пополнения и списания средств. Непрерывную кол-центр консультирования, способную помочь в всякой проблеме. Хорошие бонусы и события для свежих и любимых гостей. Современную систему безопасности и защиту данных личных параметров.
my response skin change valorant
диплом программиста купить
canadapharmacyonline https://indiancertpharm.com/# Indian pharmacy international shipping
Online medicine home delivery
canadian pharmacy online reviews https://indiancertpharm.com/# indian pharmacy paypal
indianpharmacy com
online canadian pharmacy: CanadianMdPharm – canada pharmacy online
mexico pharmacies prescription drugs: best online pharmacies in mexico – purple pharmacy mexico price list
сравнение производительности процессоров http://topcpu.ru .
canada cloud pharmacy https://canadianmdpharm.online/# canadian pharmacy no rx needed
reputable indian online pharmacy
X-Poker: Новый предел покера-онлайн. Ставьте на максимум!
Ты желаете свежие чувства из интернет-покера? Готовы к увлекательным играм и большим призам? Тогда вам точно стоит обратить взор к X-Poker (Х покере)! Данная прогрессивная площадка предоставляет уникальный переживание, сочетающий волнение классического покере со современными разработками и удобным оформлением.
Почему Икс-Покер достоин твоего интереса?
Альтернатива привычному: Если тебе надоел типичный pppoker, X-Poker станет порцией нового воздуха. Здесь вас ждут: * Разнообразие видов: Из классического Техас Холдем к Омахи и прочих увлекательных вариантов. Всякий подыщет себе игру по вкусу. * Уникальные соревнования: Регулярные события с обеспеченными поощрительными фондами, позволяющие испытать свои умения и состязаться за крупный приз. * Удобный оформление: Логически понятное программа, действующее без затруднений в любых гаджетах. Вы будешь способен получать удовольствие забавой где угодно, и когда бы ни.
Икс-Покер: Комьюнити для подлинных ценителей:
Икс-покер клуб: Вступайте к нашему сообществу, разговаривайте с единомышленниками, обменивайтесь опытом и вместе достигайте новых вершин! Игра-онлайн на лучшем качестве: Икс poker играть – данное не просто забава, это возможность совершенствовать свое искусство и соревноваться с сильными противниками. 3. Плюсы X-Poker, что делают его особенным:
Надежность и безопасность: Наша команда гарантируем честность игры и защиту ваших персональных данных. Вы можешь быть уверены в безопасности транзакций и секретности информации. Современные разработки: Платформа x poker создана с применением самых современных технологий, обеспечивающих гладкую и стабильную функционирование даже в большой нагрузке. Поддержка 24/7: Наше служба содействия всегда готова помочь вам при решении любых вопросов, возникающих во течении игры. X-Poker или Икс покер? Не существенно! Значимо – играть с наслаждением!
Независимо из того, как вы называете данную площадку – X-Poker, Х покер, икс покер – одно пребывает постоянным: здесь тебя ожидает увлекательный вселенная интернет-покера. Подбирайте подходящие места, принимайте участие в соревнованиях и получайте призы!
Начните забавляться в х покер сразу сейчас!
Не упускайте возможность сделаться элементом многообещающей покер платформы. Отбросьте про скуку и однообразие – погрузитесь в вселенную волнения и больших выигрышей со x poker!
indian pharmacy paypal: Online medicine – Indian pharmacy that ships to usa
try this solflare wallet
сравнение процессоров intel topcpu.ru .
canadian pharmacy india: canada pharmacy online legit – canadian pharmacy world reviews
Best online Indian pharmacy Indian pharmacy that ships to usa Best online Indian pharmacy
great site trump cryptocurrency
internet
get trump memes
look at more info solflare wallet
have a peek at this website trump cryptocurrency
medication from mexico pharmacy: Mexican Easy Pharm – buying prescription drugs in mexico
Mexican Easy Pharm: Mexican Easy Pharm – Mexican Easy Pharm
п»їbest mexican online pharmacies Mexican Easy Pharm mexican online pharmacies prescription drugs
More hints
trump coins
redirected here
solfare
https://mexicaneasypharm.com/# Mexican Easy Pharm
cheap canadian pharmacy
best online canadian pharmacy https://canadianmdpharm.com/# legal canadian pharmacy online
indian pharmacy
the canadian drugstore https://canadianmdpharm.shop/# canadian discount pharmacy
best online pharmacy india
best rated canadian pharmacy cheap canadian pharmacy online pharmacy in canada
ed meds online canada: canadian pharmacies – canadian pharmacy victoza
Mexican Easy Pharm: Mexican Easy Pharm – Mexican Easy Pharm