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

Question

¿Existe una forma 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 empresa para que sea más utilizable a través de dispositivos móviles.La empresa se dedica a los juegos, hay como 5 MB de imágenes en su página principal (y esas no se pueden tocar).Ya muestran una lentitud mortal en mi dsl y pueden ser mortales para alguien que paga por su GPRS por MB;)

El código de la página no es mío y tampoco debería tocarse (de hecho, debería 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?aunque el que funcionaría en navegadores móviles) eso evitaría que el navegador descargue imágenes y obligaría a mostrar el parámetro alt. En su lugar, podría simplemente adjuntar este estilo si descubría que un agente de usuario es algún elemento móvil conocido.o 2) Podría modificar un poco el servidor web para verificar el encabezado del agente de usuario y, si el cliente solicita una imagen (.png, .gif y .jpg), enviar 404 en su lugar.Aunque eso tiene una desventaja: me gustaría permitir que el usuario vea imágenes si realmente así lo desea.

Parece que la primera solución sería la mejor, ¿qué piensan ustedes?¿Y existe alguna forma de hacerlo en JavaScript?

Podría intentar crear el documento DOM y luego obtener todo. <img> elementos y sustituirlos src Incluso con algún marcador de posición, pero ¿funcionará 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 (para ser honesto, no estoy seguro de sus requisitos de memoria y CPU).

Answer 1

Puede usar htaccess para redirigir las solicitudes de imágenes realizadas por los usuarios del navegador móvil. No he probado esto 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 hechas a los archivos en la carpeta de imágenes por nokia, symbian, iphone y blackberry a un archivo de imagen en blanco.

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 suficientemente bien.

Algún lado del servidor " bifurcación " Es probablemente el camino a seguir. Y no olvide deshabilitar las imágenes de fondo de CSS mientras lo hace.

Answer 3

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

Puede especificar un CSS separado 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 anulas la visualización de <img> y todas las imágenes de fondo.

Answer 4

Eso es como falsificar a su agente de usuario. Si realmente quieren la versión completa, solo déselos. Tal vez agregue una sugerencia a los usuarios de Blackberry para quejarse con el fabricante por la falta de tal opción.