踩到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://indianpharmacy.win/# indian pharmacies safe
http://mexicanpharmacy.store/# medicine in mexico pharmacies
pharmacies in mexico that ship to usa: best online pharmacies in mexico – mexico drug stores pharmacies
Zoroastrianism as a religion was not firmly established till several centuries later.
https://mexicanpharmacy.store/# п»їbest mexican online pharmacies
You may as well rent some portion while residing in the opposite portion.
Быстрое обучение и получение диплома магистра – возможно ли это?
mexican pharmaceuticals online best online pharmacies in mexico mexican online pharmacies prescription drugs
Стоимость дипломов высшего и среднего образования и процесс их получения
How easy it is to use?
http://mexicanpharmacy.store/# medication from mexico pharmacy
Официальная покупка диплома вуза с сокращенной программой обучения в Москве
Преимущества онлайн-образования в России
обучение психологии
Онлайн-образование в России продолжает активно развиваться, предлагая людям всё больше возможностей для получения знаний и профессионального роста. Сейчас его популярность достигла новых высот благодаря технологическим инновациям, доступности и гибкости. В этой статье мы рассмотрим ключевые преимущества онлайн-образования, которые делают его столь востребованным в современном обществе.
Гибкость обучения
Онлайн-образование позволяет учиться в удобное время и в любом месте. Это особенно важно для людей, совмещающих работу, учёбу и семейные обязанности. Например, студентка Мария из Новосибирска отмечает: «Благодаря онлайн-курсам я могу совмещать работу в IT-компании с изучением UX-дизайна». Эксперты также подтверждают, что гибкость форматов — от видеолекций до интерактивных заданий — делает обучение доступным для всех возрастных групп.
Согласно данным исследования Университета онлайн-образования, 78% студентов отмечают, что возможность самостоятельно выбирать график занятий позволяет им сохранять мотивацию на протяжении всего курса. Кроме того, гибкость позволяет студентам адаптировать обучение под свою занятость, что делает его идеальным решением для работающих специалистов и родителей.
Доступность для всех регионов
На сегодняшний день цифровая инфраструктура в России значительно улучшилась, что сделало онлайн-образование доступным даже в отдалённых регионах. Например, жители Камчатки теперь могут посещать курсы программирования на таких платформах, как Хекслет и OTUS. Как отмечает эксперт по образованию Иван Кузнецов: «Цифровизация регионов помогла устранить образовательное неравенство и предоставила доступ к знаниям тысячам людей».
На примере школьников из Якутии можно увидеть, как доступ к высокоскоростному интернету позволяет проходить курсы подготовки к ЕГЭ, повышая их результаты на 25%. В регионах, где раньше обучение ограничивалось лишь локальными ресурсами, теперь появилась возможность участвовать в международных образовательных проектах.
medication from mexico pharmacy reputable mexican pharmacies online buying prescription drugs in mexico
купить аттестат в оренбурге
mexican mail order pharmacies: pharmacies in mexico that ship to usa – mexico drug stores pharmacies
https://canadianpharmacy.win/# pharmacy canadian superstore
https://mexicanpharmacy.store/# buying prescription drugs in mexico online
https://canadianpharmacy.win/# canadian pharmacy tampa
https://canadianpharmacy.win/# reliable canadian online pharmacy
Где и как купить диплом о высшем образовании без лишних рисков
https://canadianpharmacy.win/# the canadian drugstore
http://indianpharmacy.win/# reputable indian online pharmacy
http://canadianpharmacy.win/# pharmacy canadian
Online medicine home delivery: indian pharmacy online – buy prescription drugs from india
https://canadianpharmacy.win/# canadian online drugstore
buying from online mexican pharmacy mexican rx online mexican rx online
buying prescription drugs in mexico online: reputable mexican pharmacies online – best online pharmacies in mexico
купить диплом в пензе
buying prescription drugs in mexico online п»їbest mexican online pharmacies mexican drugstore online