Uma maneira de impedir que um navegador móvel baixe e exiba imagens

Question

Existe uma maneira simples de impedir que o navegador faça o download e exibição de imagens, o melhor seria através de alguma tag de estilo mágico ou javasctipe.

O problema é que gostaria de ajustar um pouco o site da empresa para ser mais utilizável por meio de dispositivos móveis. A empresa é um jogo, há 5 MBs de imagens na página principal (e essas não podem ser tocadas). Eles Alredy exibem lentamente devagar no meu DSL, e podem ser assassinos para alguém que está pagando por seu GPRS por MB;)

O código da página não é meu e também não deve ser tocado (na verdade, deve ser escrito do zero, mas não está no meu gesto fazê -lo agora) :)

Eu estava pensando em duas soluções:

1) Se houvesse algum tipo de marca de estilo (ou talvez um JavaScript? Aquele que funcionaria em navegadores móveis) que impediria o navegador de baixar imagens e forçar a exibição do parâmetro alt, em vez disso, eu poderia simplesmente anexar esse estilo se eu descobriu um agente de usuário para ser uma coisa móvel conhecida. ou 2) Eu poderia ajustar um pouco o servidor da web para verificar o cabeçalho do agente do usuário e se o cliente solicitar uma imagem (.png, .gif e .jpg) enviar 404. Isso tem uma desvantagem - gostaria de permitir que o usuário visualize imagens, se ele realmente quiser.

Parece que a primeira solução seria melhor - o que vocês pensam? E existe uma maneira JavaScript de fazer isso?

Eu poderia tentar construir o documento DOM e depois obter tudo <img> elementos e substitua seus src Com algum espaço reservado, mas isso funcionará na maioria dos navegadores móveis (Opera Mini, suponho, o Windows Mobile Thingy, o navegador simbiano básico da Nokia)? E jogaria com o documento DOM seria uma boa solução em um dispositivo móvel (não tenho certeza sobre os requisitos de memória e CPU para ser honesto).

Answer 1

Você pode usar o HTACCESS para redirecionar solicitações de imagem feitas de usuários do navegador móvel. Eu não testei isso, mas deve funcionar:

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

Esse código redireciona todas as solicitações feitas para arquivos na pasta de imagens da Nokia, Symbian, iPhone e BlackBerry para um arquivo de imagem em branco.

Answer 2

Eu não confiaria no JavaScript ou em qualquer outro método do lado do cliente com navegadores móveis. A maioria dos navegadores móveis simplesmente não suporta JavaScript bem o suficiente.

Algum "ramificação" do lado do servidor é provavelmente o caminho a seguir. E não se esqueça de desativar as imagens de fundo do CSS enquanto você está nisso.

Answer 3

Por que não usar folhas de estilo alternativas? Só não sei o quão bem eles são suportados por navegadores móveis.

Você pode especificar um CSS separado para dispositivos móveis:

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

Nesse CSS, você substitui a exibição de <img> e todas as fotos de fundo.

Answer 4

É como falsificar seu agente do usuário. Se eles realmente querem a versão completa, basta dar a eles. Talvez adicione uma sugestão aos usuários do BlackBerry para reclamar com o fabricante sobre a falta de tal opção.