踩到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");
}
They have an impressive roster of international certifications.
does gabapentin treat peripheral neuropathy
Their global perspective enriches local patient care.
1win am http://www.1win10.am .
A true champion for patients around the world.
does gabapentin cause kidney problems
Cautions.
The best place for health consultations.
can you get cytotec without insurance
Get warning information here.
dark web drug marketplace https://github.com/tormarkets2025ukaz1/tormarkets2025 – dark web marketplaces
Their home delivery service is top-notch.
fluoxetine without prescription
They make international medication sourcing a breeze.
vibracion de motor
Equipos de calibracion: esencial para el desempeno uniforme y efectivo de las maquinas.
En el entorno de la tecnologia avanzada, donde la rendimiento y la fiabilidad del sistema son de suma importancia, los equipos de balanceo cumplen un rol crucial. Estos sistemas especificos estan creados para ajustar y fijar partes moviles, ya sea en maquinaria productiva, transportes de transporte o incluso en equipos domesticos.
Para los tecnicos en conservacion de sistemas y los tecnicos, trabajar con dispositivos de balanceo es importante para promover el funcionamiento suave y confiable de cualquier aparato movil. Gracias a estas opciones tecnologicas modernas, es posible disminuir notablemente las oscilaciones, el ruido y la presion sobre los sujeciones, prolongando la tiempo de servicio de piezas importantes.
Tambien relevante es el papel que juegan los equipos de balanceo en la servicio al consumidor. El ayuda experto y el reparacion permanente aplicando estos sistemas posibilitan brindar servicios de gran nivel, aumentando la bienestar de los usuarios.
Para los propietarios de negocios, la aporte en sistemas de equilibrado y sensores puede ser importante para aumentar la efectividad y rendimiento de sus equipos. Esto es sobre todo relevante para los empresarios que gestionan reducidas y intermedias emprendimientos, donde cada aspecto es relevante.
Asimismo, los equipos de calibracion tienen una gran implementacion en el area de la seguridad y el supervision de nivel. Facilitan localizar eventuales errores, previniendo reparaciones onerosas y perjuicios a los equipos. Incluso, los resultados extraidos de estos sistemas pueden aplicarse para maximizar procesos y aumentar la visibilidad en plataformas de exploracion.
Las areas de uso de los sistemas de calibracion comprenden numerosas ramas, desde la manufactura de transporte personal hasta el control ecologico. No interesa si se trata de extensas fabricaciones productivas o limitados espacios caseros, los sistemas de calibracion son esenciales para asegurar un operacion optimo y sin presencia de detenciones.
best darknet markets https://github.com/aresmarketlink0ru72/aresmarketlink – darkmarket list
Impressed with their dedication to international patient care.
gabapentin ohne rezept
A pharmacy that genuinely cares about community well-being.
1win live 1win live .
1вин вход http://1win109.com.kg .
darknet drug market https://github.com/darknetmarketlistv8tg0/darknetmarketlist – darknet markets onion address
скачать 1win официальный сайт https://aktivnoe.forum24.ru/?1-8-0-00000254-000-0-0-1741273702 .
Always a pleasant experience at this pharmacy.
can i buy lisinopril without prescription
A powerhouse in international pharmacy.
darknet markets onion address https://github.com/aresmarketlink0ru72/aresmarketlink – darkmarket list
A pharmacy that keeps up with the times.
buying cytotec no prescription
Long-Term Effects.
1вин кыргызстан 1win109.com.kg .
They source globally to provide the best care locally.
clomid generics
The best in town, without a doubt.
1win онлайн http://www.aktivnoe.forum24.ru/?1-8-0-00000254-000-0-0-1741273702 .
The best choice for personalized care.
how to buy generic cipro for sale
Leading the charge in international pharmacy standards.
bitcoin dark web https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – darkmarket link
1win. 1win. .
darknet market list https://github.com/darknetmarketlistv8tg0/darknetmarketlist – darknet marketplace
1win win https://aktivnoe.forum24.ru/?1-8-0-00000254-000-0-0-1741273702 .
darknet market https://github.com/darknetmarketlinks2025/darknetmarkets – darkmarket url
darknet drug store https://github.com/tormarkets2025ukaz1/tormarkets2025 – darkmarkets
A true asset to our neighborhood.
can you get generic clomid tablets
A gem in our community.
Impressed with their wide range of international medications.
where can i get cheap lisinopril no prescription
Trustworthy and efficient with every international delivery.
1wiin http://1win10.am/ .
They are always proactive about refills and reminders.
can i buy clomid without dr prescription
Trustworthy and reliable, every single visit.