踩到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");
}
вывод из запоя капельница вывод из запоя капельница .
Thanks pertaining to discussing the following superb written content on your site. I ran into it on the search engines. I will check back again if you publish extra aricles.
Как приобрести аттестат о среднем образовании в Москве и других городах
This is the wave – the big wave.
If you wish to make a shopper funding in renewable vitality, you might look into protecting your roof with photo voltaic panels or installing a geothermal system in your yard.
https://kmural.ru/news_importer/inc/1xbet_promokod_bonus_pri_registracii.html
Simply fill pre-baked crusts with a mixture of crushed eggs, half-and-half or heavy cream, and your favourite lower-up vegetables or meats and bake at 350°F for about 30 minutes.
This laparoscopic surgery additionally shrinks the stomach to the scale of an egg, but it uses an inflatable silicone band wrapped around the upper a part of the stomach as a substitute of staples.
We absolutely love your blog and find the majority of your post’s to be exactly what I’m looking for. Do you offer guest writers to write content to suit your needs? I wouldn’t mind composing a post or elaborating on a number of the subjects you write about here. Again, awesome weblog!
Till 1970, the company managed its investments itself however this changed in 1970 when Stewart Fund Managers Restricted was appointed to handle SAINTS.
Hamilton, Jesse; Voreacos, David (23 July 2012).
where can i buy clomid: get cheap clomid online – how to buy cheap clomid price
The aircraft drops down over the southernmost tip of the Andes mountains that curl down from the Chilean coast, and drops onto an airstrip that borders the Beagle Channel.
Choosing and discovering the best venue in your event can take up quite a little bit of your time.
https://amoxstar.com/# amoxicillin 500mg capsules antibiotic
http://amoxstar.com/# amoxicillin 500mg cost
You may discover PLA in issues like biodegradable food-service trays and disposable cups.
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт стиральных машин kuppersbusch в москве, можете посмотреть на сайте: срочный ремонт стиральных машин kuppersbusch
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
NASDAQ Stock Trade: NASDAQ requires a company to have issued a minimum of 1.25 million shares of inventory worth at least $70 million and should have earned more than $11 million during the last three years.
And the fourth recreation was very tough; Black had the initiative.
Financial policy devices are used for managing quick-time period rates (the federal funds fee and discount charges in the U.S.), and altering reserve necessities for industrial banks.
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт стиральных машин kuppersbusch рядом, можете посмотреть на сайте: ремонт стиральных машин kuppersbusch сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
With the intention to make profits and choose a really perfect broker it will be important for people to have intrinsic understanding of the market and this may be achieved using these studies as well as charts.
Maintain proper on reading and be well informed about wealth constructing calculator along with different associated wealth building calculator,rich, non-public wealth administration or wealth building instruments information.
That is an area that creates plenty of stress, but in the end it isn’t a lot the decor, music or any theme you’ve got concocted on your cocktail occasion that’s vital.
That afternoon we made our manner by bus to one final tourist attraction in Kyoto earlier than we left the following day: Sannenzaka, a group of preserved houses and pretty laneways, dispersed with outlets and meals distributors.
Официальная покупка диплома вуза с сокращенной программой обучения в Москве
интернет Mango-Office кабинет
http://amoxstar.com/# amoxicillin online without prescription
вывод из запоя в клинике спб вывод из запоя в клинике спб .