踩到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"); }
darknet drug store dark web market
darkmarket 2025 darknet drug market
apotek online recept: Apoteket online – Apotek hemleverans idag
ремонт морозильников smeg ремонт посудомоечных машин в москве
Kamagra online bestellen kamagra Kamagra Oral Jelly kaufen
darknet site darkmarket 2025
dark websites dark web sites
https://apotheekmax.shop/# Apotheek Max
onion dark website darknet markets url
apotek pa nett Apoteket online Apotek hemleverans recept
apotek online recept: Apotek hemleverans recept – apotek pa nett
kamagra: Kamagra Gel – Kamagra Gel
https://apotheekmax.com/# Betrouwbare online apotheek zonder recept
https://apotheekmax.shop/# ApotheekMax
darknet market links darknet market links
https://apotekonlinerecept.com/# apotek online
I absolutely love your blog and find a lot of your post’s to be exactly what I’m looking for. Does one offer guest writers to write content for you personally? I wouldn’t mind publishing a post or elaborating on some of the subjects you write related to here. Again, awesome weblog!
onion dark website darknet drug store
стиральная ремонт заказ ремонт посудомоечных машин в москве
https://apotheekmax.shop/# Apotheek Max
Betrouwbare online apotheek zonder recept Betrouwbare online apotheek zonder recept Apotheek online bestellen
dark web drug marketplace darknet market
darknet market lists dark web drug marketplace
darknet sites dark market 2025
https://apotheekmax.shop/# Apotheek Max
Online apotheek Nederland zonder recept: Beste online drogist – Beste online drogist
darknet links darknet drug links
http://kamagrapotenzmittel.com/# Kamagra Original
apotek online recept: Apotek hemleverans recept – apotek online
Kamagra Gel: kamagra – Kamagra kaufen