踩到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");
}
п»їExceptional service every time!
does gabapentin thin your blood
The staff is well-trained and always courteous.
tor drug market https://github.com/darknetmarketlinks2025/darknetmarkets – darknet drug market
Always stocked with what I need.
gabapentin 300mg
earch our drug database.
darknet drug links https://github.com/aresmarketlink0ru72/aresmarketlink – dark web markets
darkmarket 2025 https://github.com/darknetmarketlistv8tg0/darknetmarketlist – darknet links
купить диплом 1 день diploms-bests.ru .
Hello. Great job. I did not expect this on a Wednesday. This is a great story. Thanks!
A pharmacy that feels like family.
can i buy cipro without prescription
Their international collaborations benefit patients immensely.
They provide valuable advice on international drug interactions.
https://clomidpharm24.top/
Appreciate their commitment to maintaining global healthcare standards.
darknet markets onion https://github.com/tormarkets2025ukaz1/tormarkets2025 – tor drug market
A reliable pharmacy that connects patients globally.
https://cipropharm24.top/
Their dedication to global health is evident.
darknet markets onion https://github.com/aresmarketlink0ru72/aresmarketlink – tor drug market
They source globally to provide the best care locally.
https://cytotecpharm24.top/
Always responsive, regardless of time zones.
I loved your idea there, I tell you blogs are so exciting sometimes like looking into people’s private life’s and work. Every new remark wonderful in its own right.
They bridge global healthcare gaps seamlessly.
buy clomid for sale
Prescription Drug Information, Interactions & Side.
A trusted partner in my healthcare journey.
where can i get generic cipro
A pharmacy that prides itself on quality service.
darknet markets onion address https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark web marketplaces
Glad to be one of many visitants on this amazing site : D.
It sounds like you’re creating problems yourself by defining this as such a comprehensive, almost unknowable problem. Isn’t that self-defeating?
World-class service at every touchpoint.
how to buy cheap lisinopril pills
They simplify global healthcare.
dark web market links https://github.com/darknetmarketlinks2025/darknetmarkets – dark web sites
Their global health insights are enlightening.
gabapentin
Their senior citizen discounts are much appreciated.
darknet links https://github.com/aresmarketlink0ru72/aresmarketlink – darknet market
Always up-to-date with the latest healthcare trends.
is gabapentin safe for anxiety
Their international health forums provide crucial insights.
Equilibrado
Equipos de calibración: clave para el funcionamiento uniforme y óptimo de las equipos.
En el ámbito de la innovación actual, donde la eficiencia y la confiabilidad del aparato son de máxima importancia, los equipos de equilibrado desempeñan un rol esencial. Estos aparatos específicos están desarrollados para equilibrar y fijar piezas rotativas, ya sea en maquinaria industrial, transportes de transporte o incluso en dispositivos de uso diario.
Para los especialistas en mantenimiento de dispositivos y los técnicos, utilizar con equipos de balanceo es importante para garantizar el funcionamiento suave y estable de cualquier mecanismo móvil. Gracias a estas alternativas modernas avanzadas, es posible limitar notablemente las sacudidas, el estruendo y la carga sobre los sujeciones, aumentando la duración de piezas costosos.
También trascendental es el rol que tienen los dispositivos de balanceo en la asistencia al comprador. El ayuda experto y el reparación constante aplicando estos sistemas habilitan dar soluciones de alta excelencia, incrementando la contento de los consumidores.
Para los propietarios de empresas, la financiamiento en estaciones de ajuste y sensores puede ser esencial para aumentar la rendimiento y desempeño de sus dispositivos. Esto es principalmente importante para los dueños de negocios que manejan pequeñas y medianas negocios, donde cada punto importa.
Además, los sistemas de balanceo tienen una extensa utilización en el ámbito de la fiabilidad y el gestión de estándar. Posibilitan localizar posibles problemas, reduciendo intervenciones caras y perjuicios a los sistemas. Además, los resultados generados de estos aparatos pueden aplicarse para maximizar métodos y potenciar la visibilidad en motores de búsqueda.
Las áreas de utilización de los sistemas de calibración abarcan múltiples sectores, desde la producción de vehículos de dos ruedas hasta el monitoreo de la naturaleza. No influye si se habla de importantes elaboraciones de fábrica o limitados talleres hogareños, los dispositivos de calibración son esenciales para asegurar un rendimiento efectivo y libre de detenciones.
They offer international health solutions without borders.
where to buy cheap clomid pills
Their global health initiatives are game-changers.
Find Out More
martian wallet aptos
darknet markets onion address https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – darkmarket link
1win онлайн https://1win12.am .
darknet market lists https://github.com/darknetmarketlistv8tg0/darknetmarketlist – bitcoin dark web