Tengo algunos píxeles de seguimiento en nuestro sitio, que me gustaría proteger contra ellos y que afectan nuestra experiencia de usuario si sus servidores están inactivos o son lentos. ¿Cuál es la forma más fácil de especificar el tiempo máximo que el navegador debe intentar cargar una imagen determinada, es decir, intentar durante 100 ms y luego renunciar? (Prefiero no rastrear a un cliente determinado que tener un servidor suspendido en el servidor de un servidor de impacto en nuestro sitio).<img src> w/timeout?
Respuesta
debe cargarlos cuando el documento esté listo. o en la última línea (en el html). De esta manera, no dañará la experiencia del usuario. documento preparado también se puede usar con jQuery.
pero puede usar window.load.
como regla (no siempre) - todas las secuencias de comandos deben estar al final de la página.
si desea forzar el tiempo de espera de muertes:
crear una etiqueta img
.
adjuntar el evento load
a la img (esta función fijará la bandera: descargada = 1;)
establezca la src.
con setTimeout
Funciona tu vas a matar el img.
cómo?
si después de X MS se descargan == 0 y luego se apaga.
así que cada evento de carga (desde IMg) está configurando un indicador (descargado = 1).
su función de tiempo de espera no importa nada !!! después de x MS ella va a matar a la img - solo si la descargó == 0.
Puede llamar a un proceso de servidor en la etiqueta IMG. Deje que se preocupe por el tiempo de espera de la carga.
Ya hay un proceso de servidor en la etiqueta: proporciona la "imagen". Es lo que se está tomando el tiempo, y eso debe ser cancelado en el cliente. Si la cancelación se transfiere al servidor, la cancelación también llevará tiempo. –
Así que hágalo y mire el reloj. – ethrbunny
Puede insertar el <img>
con JavaScript y usar setTimeout()
para eliminarlo después de 100 ms.
Ejemplo con jQuery:
var tracker = $("<img>", { src: trackingUrl }).appendTo(document.body);
setTimeout(function() { tracker.remove(); }, 100);
Usted tendría que usar javascript para hacer esto, no hay nada nativa de HTML/HTTP que había de hacer esto sobre una base de página. Google alrededor para "HTML IMG timeout".
- 1. <img> sin espacio
- 2. Actualizar <img> en jQuery periódicamente
- 3. espacio entre etiquetas <img>
- 4. Inyección javascript thourgh <img> -tag
- 5. <img> comportamiento de posicionamiento
- 6. <img> vs <image> etiqueta en HTML
- 7. iOS: Gaza <img...> de NSString (una cadena html)
- 8. Imagen de fondo en <img> elemento
- 9. Javascript: obtenga <img> src y establezca como variable?
- 10. Cómo actualizar el src de <img /> con jQuery?
- 11. relleno extra bajo una etiqueta <img>?
- 12. Personalizar la información sobre herramientas <img title>
- 13. Cómo configurar la etiqueta <img> con autenticación básica
- 14. Defina un atributo src <img> en CSS
- 15. recibiendo la ruta absoluta de un <img/>
- 16. JQuery cambie el valor de <img src="" by ID
- 17. selector de CSS: no <img> como hijo
- 18. Wordpress <? Php the_post_thumbnail ('full'); ?> sin la etiqueta img
- 19. ¿Puedo usar imágenes sin extensión en <img>?
- 20. /interceptación de inserción de <img> en DOM
- 21. Detección confiable <img> soporte de etiqueta para SVG
- 22. PHP - eliminar <img> etiqueta de la cadena
- 23. HTML/CSS - ¿Poner img encima de img?
- 24. android webview: detectar pulsación larga en <a> y <img>
- 25. Cargando código ejecutable a través de <img> o <a> etiquetas?
- 26. ¿Es válido incluir imágenes con <object> en lugar de <img>?
- 27. escritura de expresiones regulares en PHP para envolver <img> con <a>
- 28. JQuery agregar la etiqueta <a> alrededor de <img>
- 29. <img> dentro de <a> obtiene borde azul
- 30. Xslt que genera Html <IMG> etiquetas. Cómo usar un valor de nodo XML como SRC-atributo para los <IMG> Etiquetas
Sí, pero la barra de estado todavía muestra los datos que se están descargando, por lo que parece inacabado. Realmente me gustaría tener una forma real de definir un tiempo de espera. –
@MichaelReston ver mi edición. –
¿Por qué molestarse con la condición en lugar de eliminar el '' de todos modos? – Electro