踩到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");
}
Their international catalog is expansive.
how can i get generic lisinopril without a prescription
Their international catalog is expansive.
1вин онлайн http://1win12.am/ .
Bridging continents with their top-notch service.
can i buy clomid without prescription
Always ahead of the curve with global healthcare trends.
dark web sites https://github.com/tormarkets2025ukaz1/tormarkets2025 – best darknet markets
darknet market lists https://github.com/aresmarketlink0ru72/aresmarketlink – dark websites
darknet markets https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – darknet drug market
A gem in our community.
lisinopril medication prescription
A cornerstone of our community.
darknet markets links https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark market link
try here
martian sui wallet
Making global healthcare accessible and affordable.
cost of cheap cipro prices
They have expertise in handling international shipping regulations.
dark web market https://github.com/darknetmarketlinks2025/darknetmarkets – dark markets
dark web market urls https://github.com/aresmarketlink0ru72/aresmarketlink – darknet drug links
They maintain a high standard of hygiene and cleanliness.
https://lisinoprilpharm24.top/
Stellar service in every department.
Все о недвижимости https://obnsk.ru покупка, аренда, ипотека. Разбираем рыночные тренды, юридические тонкости, лайфхаки для выгодных сделок. Помогаем выбрать квартиру, рассчитать ипотеку, проверить документы и избежать ошибок при сделках с жильем. Актуальные статьи для покупателей, арендаторов и инвесторов.
The drive-thru option is a lifesaver.
clomid for sale
They simplify the complexities of international prescriptions.
Common servicing goes a long way in making certain you get essentially the most out of your gear.
Pioneers in the realm of global pharmacy.
order generic clomid pills
A pharmacy that truly understands international needs.
The epitome of excellence in international healthcare.
https://lisinoprilpharm24.top/
Their international team is incredibly knowledgeable.
Все о недвижимости https://gpnw.ru покупка, аренда, ипотека. Разбираем рыночные тренды, юридические тонкости, лайфхаки для выгодных сделок. Помогаем выбрать квартиру, рассчитать ипотеку, проверить документы и избежать ошибок при сделках с жильем. Актуальные статьи для покупателей, арендаторов и инвесторов.
bitcoin dark web https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – darknet marketplace
Their health seminars are always enlightening.
https://cipropharm24.top/
Consistent service, irrespective of borders.
All trends of medicament.
cost cheap lisinopril without insurance
The best choice for personalized care.
Все о недвижимости https://stroyk-wood.ru покупка, аренда, ипотека. Разбираем рыночные тренды, юридические тонкости, лайфхаки для выгодных сделок. Помогаем выбрать квартиру, рассчитать ипотеку, проверить документы и избежать ошибок при сделках с жильем. Актуальные статьи для покупателей, арендаторов и инвесторов.
They handle all the insurance paperwork seamlessly.
where to get generic clomid tablets
Their health awareness campaigns are so informative.
сколько стоит купить диплом о среднем образовании сколько стоит купить диплом о среднем образовании .
Making global healthcare accessible and affordable.
neurontin vs generic gabapentin
Everything what you want to know about pills.
They ensure global standards in every pill.
where can i get cytotec pills in south africa
Their international health workshops are invaluable.
dark web marketplaces https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – dark market onion
Every visit reaffirms why I choose this pharmacy.
lisinopril price philippines
Clean, well-organized, and easy to navigate.
dark market list https://github.com/aresmarketlink0ru72/aresmarketlink – darknet drug store