踩到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");
}
Always professional, whether dealing domestically or internationally.
can i get cheap clomid for sale
safe and effective drugs are available.
Their home delivery service is top-notch.
cost of cipro without insurance
Always a pleasant experience at this pharmacy.
equilibrando
Equipos de ajuste: clave para el desempeño suave y eficiente de las máquinas.
En el campo de la innovación actual, donde la efectividad y la seguridad del equipo son de gran trascendencia, los sistemas de ajuste desempeñan un función fundamental. Estos sistemas dedicados están concebidos para calibrar y estabilizar elementos giratorias, ya sea en dispositivos productiva, medios de transporte de desplazamiento o incluso en electrodomésticos hogareños.
Para los técnicos en mantenimiento de dispositivos y los ingenieros, trabajar con dispositivos de balanceo es importante para promover el rendimiento estable y confiable de cualquier mecanismo rotativo. Gracias a estas opciones modernas avanzadas, es posible reducir significativamente las sacudidas, el zumbido y la carga sobre los sujeciones, mejorando la duración de elementos caros.
También trascendental es el tarea que juegan los dispositivos de ajuste en la asistencia al consumidor. El soporte experto y el reparación continuo empleando estos equipos habilitan ofrecer prestaciones de excelente calidad, elevando la agrado de los clientes.
Para los titulares de negocios, la aporte en sistemas de calibración y detectores puede ser importante para aumentar la eficiencia y desempeño de sus sistemas. Esto es sobre todo relevante para los emprendedores que manejan reducidas y intermedias negocios, donde cada punto es relevante.
Además, los sistemas de calibración tienen una extensa utilización en el área de la prevención y el gestión de excelencia. Permiten identificar eventuales errores, evitando intervenciones onerosas y daños a los aparatos. Más aún, los información obtenidos de estos sistemas pueden usarse para optimizar sistemas y mejorar la presencia en plataformas de búsqueda.
Las áreas de utilización de los sistemas de ajuste cubren numerosas sectores, desde la producción de bicicletas hasta el monitoreo ecológico. No influye si se habla de enormes fabricaciones productivas o limitados espacios de uso personal, los dispositivos de balanceo son esenciales para garantizar un rendimiento productivo y sin detenciones.
dark market link https://github.com/aresmarketlink0ru72/aresmarketlink – darknet drug market
dark web link https://github.com/darknetmarketlinks2025/darknetmarkets – tor drug market
Always leaving this place satisfied.
https://cipropharm24.top/
The staff provides excellent advice on over-the-counter choices.
Their staff is always eager to help and assist.
https://lisinoprilpharm24.top/
Great place with even greater staff.
A cornerstone of our community.
https://cipropharm24.top/
Their global reputation precedes them.
A model pharmacy in terms of service and care.
buying cheap clomid pill
They make international medication sourcing a breeze.
Professional, courteous, and attentive – every time.
get cheap cipro for sale
Get here.
important link https://web-multibit.org
They have strong partnerships with pharmacies around the world.
where to buy generic cipro online
I’m always impressed with their efficient system.
best darknet markets https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark web link
visit this site https://web-multibit.org
Quick service without compromising on quality.
cafergot without prescription order
Their health awareness programs are game-changers.
The best place for health consultations.
where to get generic lisinopril prices
A trusted name in international pharmacy circles.
best darknet markets https://github.com/darknetmarketlinks2025/darknetmarkets – darknet site
tor drug market https://github.com/tormarkets2025ukaz1/tormarkets2025 – darknet markets onion
click to find out more https://web-multibit.org
dark websites https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – dark market url
linked here https://web-multibit.org/
darknet markets https://github.com/aresmarketlink0ru72/aresmarketlink – darknet market list
A pharmacy that genuinely cares about community well-being.
how can i get cheap clomid without rx
A place where customer health is the top priority.
darknet markets url https://github.com/darknetmarketlistv8tg0/darknetmarketlist – tor drug market
Their global network ensures the best medication prices.
gabapentin 100mg capsules pictures
Always up-to-date with the latest healthcare trends.
darknet site https://github.com/darknetmarketlinks2025/darknetmarkets – darknet markets links
They always have the newest products on the market.
gabapentin toxicity treatment
A beacon of international trust and reliability.
Global reach with a touch of personal care.
cytotec online kaufen
The one-stop solution for all international medication requirements.
dark websites https://github.com/nexusdarkneturlwrf4t/nexusdarkneturl – darknet drug links
dark markets 2025 https://github.com/darknetmarketlistv8tg0/darknetmarketlist – dark market url