踩到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");
}
It grew to become operational in January 1995.
Привет, друзья!
Заказать диплом о высшем образовании
polseal.blogspot.com/2013/07/blog-post_8949
It says that reducing airport check-in reduces overhead prices.
I have discovered that service fees for internet degree pros tend to be an incredible value. For example a full Bachelors Degree in Communication from The University of Phoenix Online consists of Sixty credits from $515/credit or $30,900. Also American Intercontinental University Online provides a Bachelors of Business Administration with a whole course feature of 180 units and a cost of $30,560. Online studying has made taking your education been so cool because you may earn your current degree through the comfort of your abode and when you finish from office. Thanks for all the tips I have certainly learned through the website.
https://t.me/s/denezhnye_igry
Hi there, I found your site via Google while looking for a related topic, your web site came up, it looks good. I’ve bookmarked it in my google bookmarks.
Здравствуйте!
Заказать диплом любого университета.
mybaltika.info/ru/blogs/587/7850
как сделать дубликат номера автомобиля https://dublikaty-gosnomer77.ru/
Добрый день!
Мы готовы предложить дипломы любой профессии.
Заказ документа, который подтверждает обучение в ВУЗе, – это разумное решение.
musictech.gr/forum/viewtopic.php?t=41328
Будем рады вам помочь!.
https://stomatologiya-minsk.ru/
I am typically to running a blog and i actually recognize your content. The article has really peaks my interest. I’m going to bookmark your web site and keep checking for brand new information.
строительство дома под ключ проекты и цены https://spbstroymax.ru/
Привет!
Приобрести документ о получении высшего образования вы сможете в нашем сервисе.
notebooks.ru/forum/user/70994
Официальная покупка школьного аттестата с упрощенным обучением в Москве
It’s my belief that mesothelioma is usually the most deadly cancer. It contains unusual characteristics. The more I really look at it the greater I am convinced it does not act like a real solid flesh cancer. In case mesothelioma is usually a rogue virus-like infection, then there is the chance for developing a vaccine and offering vaccination to asbestos exposed people who are open to high risk with developing long term asbestos associated malignancies. Thanks for discussing your ideas on this important health issue.
The stock investment advisors think is best to not wait for a prolonged period of time to sell off a stock in a hope to book better profits if the stock markets are volatile.
The press conference shouldn’t run more than 30 to 45 minutes, including the Q-and-A format session.
1вин вход
Незаменимый помощник для домашних занятий, для достижения желаемых результатов.
Spirit Fitness – лучший выбор для фитнеса, для достижения максимальных результатов.
Уникальные характеристики Spirit Fitness, для тренировки с комфортом и эффективностью.
Spirit Fitness – это здоровье вашего тела, для занятий в удовольствие и пользу.
Достигайте новых высот с Spirit Fitness, которые будут радовать вас многие годы.
Фитнес-тренажеры Spirit Fitness – ваш выбор для здоровья, для здоровья и красоты вашего тела.
Spirit Fitness – это стиль и качество, для активных и здоровых людей.
Будьте в форме с тренажерами Spirit Fitness, которые превратят ваши тренировки в удовольствие.
Spirit Fitness – для вашего фитнеса, для заботы о своем теле.
Идеальный выбор для здоровья – тренажеры Spirit Fitness, которые подарят вам радость от физических упражнений.
Spirit Fitness – ваш персональный тренер в доме, для активного образа жизни.
Осуществите свои фитнес-мечты с Spirit Fitness, для занятий с комфортом.
тренажеры тренажеры .
Добрый день!
Приобрести диплом любого университета
diplomp-lipetsk.ru
Добрый день!
Диплом магистра
israelbusinessguide.com/away.php?url=diplomsagroups.com
buy generic mebeverine for sale – buy mebeverine no prescription pletal uk
Which car modification is showcased in this picture?
What i do not understood is actually how you are not actually much more well-liked than you may be right now. You’re very intelligent. You realize thus considerably relating to this subject, produced me personally consider it from a lot of varied angles. Its like men and women aren’t fascinated unless it?s one thing to accomplish with Lady gaga! Your own stuffs outstanding. Always maintain it up!
Just about all of the things you point out happens to be supprisingly accurate and it makes me wonder why I had not looked at this with this light before. This article truly did switch the light on for me personally as far as this specific issue goes. But at this time there is actually one particular point I am not really too comfortable with so whilst I try to reconcile that with the actual central idea of the issue, let me see exactly what the rest of your subscribers have to point out.Well done.
Based on a March 18, 2016, report from the Philippine Statistics Authority, the country’s 2015 poverty incidence (the proportion of people below the poverty line versus the total population) is at 26.3 while the subsistence incidence (the proportion of Filipinos in extreme or subsistence poverty) is at 12.1.
Glory Casino
slot kumar siteleri: en guvenilir slot siteleri – en yeni slot siteleri
sweet bonanza free spin demo: sweet bonanza 90 tl – sweet bonanza yasal site
This is the correct blog for anybody who wants to find out about this topic. You understand so much its virtually arduous to argue with you (not that I actually would need?HaHa). You undoubtedly put a new spin on a subject thats been written about for years. Great stuff, just great!