踩到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");
}
Las medallas de Michael Phelps son un reflejo de su dedicación | Michael Phelps ha establecido récords que parecen imposibles de superar | Los récords de Michael Phelps son difíciles de igualar Michael Phelps entrenamiento.
Breaking down borders with every prescription.
can you buy cheap clomid without rx
Trusted by patients from all corners of the world.
I love the convenient location of this pharmacy.
cost cheap cytotec without insurance
Their medication therapy management is top-notch.
darkmarkets https://github.com/aresmarketlink0ru72/aresmarketlink – dark markets
Their global health initiatives are game-changers.
where to get clomid pill
Their commitment to international standards is evident.
darkmarket 2025 https://github.com/tormarkets2025ukaz1/tormarkets2025 – darknet websites
лазерная эпиляция сколько цена лазерная эпиляция всего тела спб
The ambiance of the pharmacy is calming and pleasant.
cost of cheap cytotec online
A pharmacy that truly values its patrons.
darknet sites https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark market list
Элегантные ковры для любого интерьера, выберите.
Лучшие варианты ковров для вашего дома, приобретите.
Ковры для стильного интерьера, открывайте.
Уникальные ковры для вашего дома, стиль.
Ковры для игровой зоны, функциональность.
Традиционные и современные ковры, выберите.
Эстетика ковров в офисе, уникальность.
Ковры, которые легко чистить, найдите.
Руководство по выбору ковров, читайте.
Ковры для холодных полов, подберите.
Модные ковры 2025 года, декор.
Ковры для загородного дома, красоту.
Идеи по использованию ковров, откройте.
Ковры: от классики до модерна, дизайн.
Комфортные ковры для вашего сна, найдите.
Премиальные ковры для вашего интерьера, стиль.
Выбор ковров для домашних любимцев, красивые.
Ковры, которые сохраняют тепло, выбирайте.
Разделение пространства с помощью ковров, откройте.
ковры дома https://kovry-v-moskve.ru/ .
Their flu shots are quick and hassle-free.
how can i get clomid tablets
A beacon of international trust and reliability.
dark market https://github.com/aresmarketlink0ru72/aresmarketlink – darknet market lists
Our site brd crypto
The children’s section is well-stocked with quality products.
https://cipropharm24.top/
Trusted by patients from all corners of the world.
visit site bread wallet
Everything about medicine.
https://cytotecpharm24.top/
Comprehensive side effect and adverse reaction information.
They bridge the gap between countries with their service.
https://lisinoprilpharm24.top/
They never compromise on quality.
darknet markets onion https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – darknet markets
Their flu shots are quick and hassle-free.
can i purchase generic cytotec
They stock quality medications from all over the world.
Offering a global gateway to superior medications.
https://gabapentinpharm24.top/
A harmonious blend of local care and global expertise.
Their international insights have benefited me greatly.
get generic cipro for sale
Unrivaled in the sphere of international pharmacy.
darknet marketplace https://github.com/aresmarketlink0ru72/aresmarketlink – darknet market links
darknet drug store https://github.com/darknetmarketlistv8tg0/darknetmarketlist – onion dark website
I came across an article that talks about the same thing but even more and when you go deeper.
Impressed with their wide range of international medications.
cheap clomid pill
Their medication therapy management is top-notch.
Always providing clarity and peace of mind.
lisinopril israel
Trusted by patients from all corners of the world.
I’m grateful for their around-the-clock service.
gabapentin tablets in india
earch our drug database.
tor drug market https://github.com/darknetmarketlinks2025/darknetmarkets – dark web sites
1win casino mexico https://1win4.com.mx/ .
darknet market https://github.com/aresmarketlink0ru72/aresmarketlink – dark market