踩到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");
}
published here Metamask Extension
https://indianpharmacy.win/# buy prescription drugs from india
mexican pharmaceuticals online: pharmacies in mexico that ship to usa – reputable mexican pharmacies online
mexican border pharmacies shipping to usa: mexican online pharmacies prescription drugs – mexican pharmaceuticals online
Полезные советы по безопасной покупке диплома о высшем образовании
https://indianpharmacy.win/# india online pharmacy
The journal officially relaunched in September 2020 with both print and digital variations of the publication will function scannable QR codes, in addition to AR and VR content.
In 2013, he also competed within the newly re-branded FIA GT Collection alongside Gérard Tonelli in the Gentleman Trophy class with SOFREV ASP driving a GT3-spec Ferrari 458 Italia.
Качественные натяжные потолки в Санкт-Петербурге|Скидки на натяжные потолки в СПб|Опытные мастера по натяжным потолкам в Санкт-Петербурге|Разнообразие натяжных потолков в Петербурге|Подбор натяжных потолков в Санкт-Петербурге: лучшие рекомендации|Тепло и гармония с натяжными потолками в Санкт-Петербурге|Интерьерные решения с натяжными потолками в Петербурге|Идеальные потолки в Петербурге только у нас|Долговечные и стойкие натяжные потолки в Санкт-Петербурге|Последние тренды для натяжных потолков в Петербурге|Эффективное монтаж натяжных потолков в Петербурге|Совершенство с натяжными потолками в Санкт-Петербурге|Столица натяжных потолков: Петербург|Специальные предложения на натяжные потолки в Петербурге|Натяжные потолки в СПб: выбор современных людей|Экспертный подход к натяжным потолкам в Петербурге|Красота и функциональность: натяжные потолки в СПб|Натяжные потолки в СПб: надежность и качество|Персональные решения для вас: натяжные потолки в Петербурге|Бонусы использования натяжных потолков в Санкт-Петербурге|Технологические новинки для натяжных потолков в Санкт-Петербурге|Эксклюзивные услуги по монтажу натяжных потолков в Петербурге|Тенденции в дизайне потолков: натяжные потолки в СПб|Идеальное сочетание цены и качества: натяжные потолки в СПб
натяжные потолки спб установка под ключ https://potolki-spb-1.ru/ .
https://mexicanpharmacy.store/# best online pharmacies in mexico
indian pharmacy paypal world pharmacy india online pharmacy india
The United States, Australia, Japan, South Korea, most South American countries – in fact, the majority of countries in the globe – have all agreed to allow cryptocurrencies , but with varying levels of compliance.
краснодар вывод из запоя [url=www.vyvod-iz-zapoya-krasnodar111.ru]краснодар вывод из запоя[/url] .
reputable mexican pharmacies online: mexico pharmacies prescription drugs – medicine in mexico pharmacies
вывод из запоя бесплатно вывод из запоя бесплатно .
best india pharmacy buy prescription drugs from india indian pharmacies safe
This group run additionally had a loyal following proper off the bat.
http://canadianpharmacy.win/# canadian pharmacy 365
Welcome to the New World Order of automakers. Soon, only the big survive
гей порно большой
Honda and Nissan are the latest automakers to discuss combining forces. They won’t be the last.
The two Japanese automakers announced last week that they plan to merge and create the world’s third largest automaker. Details aren’t yet finalized, but they expect to announce the combination within six months.
Mergers in the auto industry are nothing new. They have taken place since the acquisition of various brands formed General Motors (GM) in the first decade of the 20th century. But experts say the Honda-Nissan deal could help to spark a string of combinations that could soon reshape the industry
“I think the environment is there for additional mergers,” said Jeff Schuster, global vice president of automotive research for GlobalData. “I don’t think Honda-Nissan will cause more deals to take place, although it could accelerate them.”
The factors driving possible deals, from technological change and the industry’s huge appetite for R&D and capital spending to thin profit margins, are numerous and powerful. The push toward consolidation is only going to get greater in coming decade. And it could be that only the biggest survive.
“It gets more challenging to survive and not have economies of scale if everyone else does, especially as you move into new technology,” he said. “When you’re in a highly competitive market, it tends to create partners that might not have happened otherwise.”
https://canadianpharmacy.win/# legal canadian pharmacy online
вывод из запоя дешево краснодар вывод из запоя дешево краснодар .
нарколог на дом [url=www.narkolog-na-dom-krasnodar29.ru]нарколог на дом[/url] .
https://uno-juego.es/pag/1xbet_promo_code_free_welcome_bonus.html
нарколог на дом цены нарколог на дом цены .
вывод из запоя дешево краснодар вывод из запоя дешево краснодар .
purple pharmacy mexico price list: mexico pharmacies prescription drugs – buying from online mexican pharmacy
вывод из запоя на дому краснодар вывод из запоя на дому краснодар .
https://indianpharmacy.win/# cheapest online pharmacy india
http://canadianpharmacy.win/# northern pharmacy canada
https://indianpharmacy.win/# top online pharmacy india