모바일 브라우저가 이미지를 다운로드하고 표시하지 못하게하는 방법

Question

브라우저가 이미지를 다운로드하고 표시하지 못하도록하는 간단한 방법이 있습니까? 가장 좋은 방법은 일부 마법 스타일 태그 또는 javasctipe를 사용하는 것입니다.

모바일 장치를 통해 회사의 웹 사이트를 조금 더 조정하여 사용하고 싶습니다. 회사는 게임 중 하나입니다. 메인 페이지에는 5MB의 이미지가 있습니다 (그리고 터치 할 수는 없습니다). 그들은 내 dsl에 치명적인 속도로 느리게 표시됩니다. MB 당 GPRS를 지불하는 사람에게는 살인자가 될 수 있습니다.)

페이지의 코드는 내 것이 아니므로 만져서는 안됩니다. 처음부터 작성,하지만 난에 대한 두 가지 해결책 생각

는) 지금 그것을 할 :) 내 제스처에없는 수 : 스타일 태그 (또는 어쩌면 자바 스크립트의 어떤 종류가 있었다면

1)? 브라우저가 이미지를 다운로드하지 못하도록하고 alt 매개 변수를 표시하지 못하도록하는 모바일 브라우저에서 작동하는 브라우저) 대신 사용자 에이전트가 알려진 모바일 기능을 발견 한 경우이 스타일을 첨부 할 수 있습니다. 또는 2) 웹 서버를 약간 수정하여 사용자 에이전트 헤더를 확인하고 클라이언트가 이미지 (.png, .gif 및 .jpg)를 요청하면 404를 전송할 수 있습니다. 거기에는 단점이 있습니다 - 실제로 사용자가 원하는 경우 이미지를 볼 수있게하고 싶습니다.

첫 번째 해결 방법이 가장 좋을 것 같습니다. 그리고 그것을 할 수있는 자바 스크립트 방법이 무엇입니까?

문서 DOM을 구축 한 다음 모든 <img> 요소를 가져올 수 있고 src을 일부 자리 표시 자로 바꿀 수도 있지만 대부분의 모바일 브라우저에서 작동합니다 (Opera Mini, Windows Mobile, Nokia, Nokia의 기본 Symbian 브라우저)? 그리고 문서 DOM을 가지고 노는 것은 모바일 장치에서 좋은 해결책이 될 것입니다 (저는 정직하기 위해 메모리 및 CPU 요구 사항에 대해 확신하지 못합니다).

Answer 1

htaccess를 사용하여 모바일 브라우저 사용자가 보낸 이미지 요청을 리디렉션 할 수 있습니다. 나는이 시험하지 않았다 그러나 그것은 작동합니다 :

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

이 코드는 빈 이미지 파일로 노키아, 심비안, 아이폰과 블랙 베리에 의해 이미지 폴더에있는 파일에 대한 모든 요청을 리디렉션합니다.

Answer 2

저는 모바일 브라우저에서 자바 스크립트 또는 다른 클라이언트 측 방법을 사용하지 않을 것입니다. 대부분의 모바일 브라우저는 자바 스크립트를 지원하지 않습니다.

일부 서버 측 "분기"가 아마도 길일 것입니다. 그리고 css 백그라운드 이미지를 사용 중지하는 것을 잊지 마세요.

Answer 3

alternative style sheets을 사용하지 않으시겠습니까? 모바일 브라우저에서 얼마나 잘 지원되는지 모르겠습니다.

당신은 모바일 장치에 대한 별도의 CSS를 지정할 수 있습니다 : 그 CSS에서

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

당신이 <img>의 표시 및 모든 배경 사진을 우선합니다.

Answer 4

사용자 에이전트를 속이는 것과 같습니다. 그들이 진짜로 가득 차있는 버전을 원한다면, 그들에게 그것을 줘. 아마도 Blackberry 사용자에게 이러한 옵션이 없다는 것에 대한 불만을 제기 할 수 있습니다.