javascript - pagina - lightbox bootstrap

Una forma de evitar que un navegador móvil descargue y muestre imágenes

Question

¿Existe alguna manera sencilla de evitar que el navegador descargue y muestre imágenes? Lo mejor sería mediante alguna etiqueta de estilo mágico o javasctipe.

La cuestión es que me gustaría modificar un poco el sitio web de la compañía para que sea más útil a través de dispositivos móviles. La compañía es una de juegos, hay 5MB de imágenes en su página principal (y no se pueden tocar). Suelen mostrar una letalidad mortal en mi dsl, y pueden ser asesinos para alguien que está pagando por su GPRS por MB;)

El código de la página no es mío y tampoco debe ser tocado (de hecho, debe escribirse desde cero, pero no está en mi gesto hacerlo ahora) :)

Estaba pensando en dos soluciones:

1) Si hubiera algún tipo de etiqueta de estilo (o tal vez un javascript, la que funcionaría en los navegadores móviles) que evitaría que el navegador descargue imágenes y forzara a mostrar el parámetro alt en su lugar, simplemente podría adjuntar este estilo si descubrió que un agente de usuario es algo móvil conocido. o 2) Podría ajustar un poco el servidor web para verificar el encabezado User-agent y si el cliente solicita una imagen (.png, .gif y .jpg) envíe 404 en su lugar. Eso tiene un inconveniente, me gustaría permitir que el usuario vea imágenes si realmente quiere.

Parece que la primera solución sería la mejor: ¿qué piensan? ¿Y hay una forma de javascript para hacerlo?

Podría intentar construir el documento DOM, luego obtener todos los elementos <img> y reemplazar su src con algún marcador de posición, pero ¿funcionará eso en la mayoría de los navegadores móviles (Opera Mini, supongo, Windows Mobile, el navegador Symbian básico de Nokia)? Y jugar con el documento DOM sería una buena solución en un dispositivo móvil (no estoy seguro de que sean honestos los requisitos de memoria y CPU).

Answer 1

¿Por qué no usar hojas de estilo alternativas ? Simplemente no sé qué tan bien son compatibles con los navegadores móviles.

Puede especificar un css independiente para dispositivos móviles:

<link rel="stylesheet" media="screen,projection,tv" href="main.css" type="text/css">
<link rel="stylesheet" media="handheld" href="smallscreen.css" type="text/css">

En ese CSS, anula la visualización de <img> y todas las imágenes de fondo.

Answer 2

No confiaría en JavaScript ni en ningún otro método del lado del cliente con navegadores móviles. La mayoría de los navegadores móviles simplemente no admiten JavaScript lo suficiente.

Algunas "ramificaciones" del lado del servidor es probablemente el camino a seguir. Y no olvide deshabilitar las imágenes de fondo CSS mientras lo hace.

Answer 3

Puede usar htaccess para redirigir las solicitudes de imágenes hechas desde los usuarios del navegador móvil. No lo he probado, pero debería funcionar:

RewriteCond %{HTTP_USER_AGENT} (nokia¦symbian¦iphone¦blackberry) [NC] 
RewriteCond %{REQUEST_URI} !^/images/$
RewriteRule (.*) /blank.jpg [L]

Este código redirige todas las solicitudes realizadas a los archivos en la carpeta de imágenes por nokia, symbian, iphone y blackberry a un archivo de imagen en blanco.

Answer 4

Eso es como suplantar a su agente de usuario. Si realmente quieren la versión completa, solo dársela. Tal vez, agregue una sugerencia a los usuarios de Blackberry para quejarse con el fabricante sobre la falta de dicha opción.