踩到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");
}
plinko casino plinko casino plinko
plinko argent reel avis: plinko france – plinko ball
plinko ball: Plinko Deutsch – plinko ball
https://plinkocasinonl.shop/# plinko casino nederland
vibracion de motor
Equipos de balanceo: importante para el funcionamiento estable y productivo de las máquinas.
En el entorno de la innovación moderna, donde la efectividad y la estabilidad del aparato son de gran relevancia, los dispositivos de ajuste tienen un tarea fundamental. Estos sistemas adaptados están concebidos para balancear y estabilizar componentes rotativas, ya sea en equipamiento productiva, vehículos de desplazamiento o incluso en equipos domésticos.
Para los especialistas en reparación de aparatos y los especialistas, utilizar con aparatos de equilibrado es crucial para garantizar el rendimiento estable y confiable de cualquier aparato rotativo. Gracias a estas opciones modernas modernas, es posible disminuir significativamente las movimientos, el zumbido y la tensión sobre los sujeciones, mejorando la tiempo de servicio de elementos importantes.
Asimismo significativo es el papel que tienen los equipos de balanceo en la atención al cliente. El soporte experto y el reparación constante usando estos equipos posibilitan proporcionar prestaciones de alta calidad, mejorando la contento de los consumidores.
Para los responsables de emprendimientos, la aporte en equipos de balanceo y sensores puede ser esencial para optimizar la eficiencia y desempeño de sus aparatos. Esto es principalmente relevante para los emprendedores que gestionan pequeñas y pequeñas negocios, donde cada elemento importa.
Asimismo, los aparatos de ajuste tienen una vasta aplicación en el área de la seguridad y el gestión de calidad. Habilitan encontrar probables defectos, reduciendo mantenimientos caras y perjuicios a los equipos. Además, los información obtenidos de estos dispositivos pueden usarse para maximizar sistemas y mejorar la reconocimiento en sistemas de investigación.
Las sectores de utilización de los dispositivos de ajuste incluyen variadas sectores, desde la producción de bicicletas hasta el control del medio ambiente. No importa si se considera de grandes elaboraciones manufactureras o reducidos talleres domésticos, los dispositivos de equilibrado son esenciales para promover un rendimiento óptimo y sin fallos.
AI Seed Phrase Finder http://detonic.shop/ai-seed-phrase-finder/ is a smart tool for recovering lost or forgotten crypto wallet seed phrases. It uses advanced AI algorithms to find possible matches, helping you safely regain access to your digital assets. Easy to use, secure and confidential.
plinko casino plinko betrouwbaar plinko betrouwbaar
plinko erfahrung: plinko geld verdienen – Plinko Deutsch
https://plinkodeutsch.com/# plinko germany
купить диплом ветеринара
Mostbet pl zapewnia wysokie kursy na zakłady sportowe | Mostbet com posiada przyjazny interfejs użytkownika | Mostbet casino oferuje wsparcie techniczne 24/7 | Mostbet kasyno online zapewnia bezpieczne transakcje i szyfrowanie danych Mostbet logowanie bezpieczne transakcje.
plinko spelen plinko casino plinko
https://plinkofr.com/# plinko ball
https://pinco.legal/# pinco slot
Plinko online game: Plinko – Plinko games
plinko nederland: plinko nederland – plinko spelen
plinko argent reel avis: plinko france – plinko argent reel avis
https://plinkocasi.com/# Plinko app
AI Seed Phrase Finder https://detonic.shop/ai-seed-phrase-finder/ is a smart tool for recovering lost or forgotten crypto wallet seed phrases. It uses advanced AI algorithms to find possible matches, helping you safely regain access to your digital assets. Easy to use, secure and confidential.
диплом 11 классов купить
plinko game: plinko geld verdienen – Plinko Deutsch
pinco slot: pinco.legal – pinco legal
https://plinkocasi.com/# Plinko game
avis plinko: plinko ball – plinko france
pinco slot: pinco slot – pinco casino
http://pinco.legal/# pinco slot
Over 10,000 American prisoners of conflict died from neglect.
pinco.legal: pinco legal – pinco slot
http://plinkodeutsch.com/# plinko casino
I am very happy to read this. This is the kind of manual that needs to be given and not the accidental misinformation that is at the other blogs. Appreciate your sharing this greatest doc.