踩到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://zvukovoe-oborudovanie12.ru с доставкой. Большой ассортимент звукового оборудования, доступные цены, доставка по РФ.
Nice post. I was checking continuously this blog and I am impressed! Extremely useful information specifically the last part 🙂 I care for such info much. I was seeking this certain info for a long time. Thank you and good luck.
индийское гадание indiyskiy-pasyans-online.ru .
seo оптимизация и продвижение сайтов москва http://www.prodvizhenie-sajtov11.ru/ .
http://mexicopharmacy.win/# buying prescription drugs in mexico online
2C shows that overall patients were divided into four groups with respect to the most influential p cialis 5mg
Life is Good — почему произошёл технический СКАМ проекта
жесткий анальный секс
Компания «Life Is Good» позиционировала себя как финансово-консалтинговый проект. Она привлекала денежные активы от клиентов, формируя из них инвестиционные вклады, которые приносят пассивный доход от 20% годовых в валюте.
Официальный сайт компании — lifeisgood.company. Ценной информации на нем очень мало. В разделе «О компании» вместо рассказа о том, чем занимается компания, — общие фразы про финансовую независимость и благополучие клиентов, а также шесть рекламных роликов с известными людьми.
Данная компания создана в 2014 году. Зарегистрирована в государстве-офшоре Белиз, что находится в Центральной Америке. Соответственно, выданный там сертификат не имеет на территории России никакой юридической силы. Лицензия ЦБ РФ отсутствует.
Руководитель компании — Роман Василенко, обладатель многочисленных фотошопных регалий, количеству которых позавидовал бы даже Александр Невский (уот так уот), ветеран МЛМ движения в РФ, ну практически святой человек.
С 1990 года по 1999 год служил в Вооруженных силах РФ.
После службы работал в инвестиционной компании Save-Invest (Si), зарегистрированной в Швейцарии, которая обещала инвестиционные продукты со сверх доходностью. В 2000х годах газета Коммерсантъ выпустила статью о расследовании сотрудников ФСБ на предмет ведения мошеннической деятельности в РФ.
В 2012 году руководитель Оренбургского управления Татьяна Горынина, обманувшая своих клиентов на 50 млн. получила 6 лет тюрьмы за мошенничество.
Далее работал в инвестиционной компании “Life Division”, которая до сих пор продолжает свою работу.
Также Роман активно ведёт блог в инстаграмме и на ютуб, темы всё те же — успешный успех, освободись от рабства, нужно только захотеть и т.д.
Участники делали ежемесячные взносы в счет стоимости будущей квартиры. Значительная часть средств шла организаторам компании, а все остальное делились между вышестоящими пайщиками.
Наступила стадия «критического дна», т.е. взносов от новичков поступало меньше, чем необходимо выплачивать более «старым» клиентам, основатели компании приостановили свою деятельность, а суммы, которые многие годы вносили пайщики, им просто не вернули.
Life Is Good позиционировала себя как европейская компания, но привлекала в основном Россиян. Кстати, официальный сайт Life is Good переведен сразу на 9 языков. Непонятно для чего это сделано, ведь компания работает только в России, Казахстане и Киргизии. Наверное, поэтому над переводом на английский язык здесь не стали заморачиваться. С первого взгляда видны грубые грамматические ошибки.
Компания работала в сотрудничестве с еще тремя: Best Way, Hermes Management и Vista.
Гарантий сохранности денег не давала ни «Лайф-из-гуд», ни «Гермес-менеджмент». Но при этом «Лайф-из-гуд» все же предлагала страхование вложенных денег по оригинальной схеме.
https://translucent-shrimp-dc4vlt.mystrikingly.com/blog/b96832f34e2
mexican rx online: Best pharmacy in Mexico – mexican drugstore online
индийский пасьянс индийский пасьянс .
If you have a job, your employer might offer a tuition assistance program to defray some of the costs of your coursework.
The Independent (Uganda). UPDF (31 March 2023).
Hi there, just became aware of your blog through Google, and found that it’s truly informative. It’s important to cover these trends.
indian pharmacies safe: indian pharmacy – indian pharmacy online
https://www.metooo.io/u/6699d54d6ffe32118a12d457
http://edpillpharmacy.store/# cheap ed treatment
That is very fascinating, You’re a very skilled blogger. I have joined your rss feed and stay up for looking for extra of your magnificent post. Additionally, I have shared your website in my social networks!
online ed medicine: cheap ed pills online – online ed medicine
Thanks for expressing your ideas. The first thing is that college students have a choice between federal government student loan and a private education loan where it truly is easier to select student loan consolidating debts than with the federal student loan.
Добрый день!
Диплом для вас
serialforfree.ru/diplom-o-vyisshem-obrazovanii-za-korotkiy-srok
https://indiapharmacy.shop/# india pharmacy
cheap erection pills
https://edpillpharmacy.store/# ed medication online
pharmacies in mexico that ship to usa: mexico pharmacy win – purple pharmacy mexico price list
http://edpillpharmacy.store/# ed pills cheap
ed online treatment
비아그라(성분명: 실데나필)는 발기부전 치료제로 잘 알려져 있습니다. 비아그라는 남성의 발기를 돕기 위해 혈류를 증가시키는 역할을 합니다. 다음은 비아그라의 사용법과 부작용에 대해 자세히 설명드리겠습니다.
Привет!
Всё, что нужно знать о покупке аттестата о среднем образовании без рисков
arusak-diploms-srednee.ru/diplom-sredne-spetcialnoe-obrazovanie
The blend of informative and entertaining content is perfect. I enjoyed every word.
The depth of The understanding is as mesmerizing as the ocean. I’m ready to dive in.
I appreciate the unique viewpoints you bring to The writing. Very insightful!
indian pharmacies safe: Top mail order pharmacies – top 10 pharmacies in india