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

StackOverflow https://stackoverflow.com/questions/177536

문제

브라우저가 이미지를 다운로드하고 표시하는 것을 방지하는 간단한 방법이 있습니까? 매직 스타일의 태그 나 Javasctipe을 통해 가장 좋은 방법이 있습니다.

문제는 모바일 장치를 통해 회사 웹 사이트를 약간 조정하고 싶습니다. 이 회사는 기본 페이지에 5MB의 이미지가 있습니다 (그리고 접촉 할 수 없습니다). 그들은 내 DSL에서 Alredy가 치명적으로 느리게 표시되며 MB 당 GPR을 지불하는 사람에게 살인자가 될 수 있습니다.)

페이지의 코드는 내 것이 아니며 만지지 않아야합니다 (사실, 처음부터 작성해야하지만 지금 내 몸짓에 있지는 않습니다) :) :)

두 가지 해결책에 대해 생각하고있었습니다.

1) 브라우저가 이미지를 다운로드하고 부대를 표시하는 것을 방해하는 종류의 스타일 태그 (또는 아마도 자바 스크립트? 사용자 에이전트가 알려진 모바일이라는 것을 발견했습니다. 또는 2) Webserver를 약간 조정하여 사용자 에이전트 헤더를 확인하고 클라이언트가 이미지 (.png, .gif 및 .jpg)를 요청하면 대신 404를 보냅니다. 그것은 단점이 있습니다. 사용자가 실제로 원한다면 이미지를 볼 수 있도록하고 싶습니다.

첫 번째 솔루션이 가장 좋을 것 같습니다. 여러분의 생각은 무엇입니까? 그리고 그것을 할 수있는 JavaScript 방법이 있습니까?

문서 DOM을 구축 해보고 모든 것을 얻을 수 있습니다. <img> 요소를 대체합니다 src 일부 자리 표시자가 있지만 대부분의 모바일 브라우저 (Opera Mini, Windows Mobile Thingy, Nokia의 기본 Symbian 브라우저)에서 작동합니까? 그리고 문서 DOM을 사용하는 것은 모바일 장치에서 좋은 솔루션이 될 것입니다 (정직한 메모리 및 CPU 요구 사항에 대해 잘 모르겠습니다).

도움이 되었습니까?

해결책

htaccess를 사용하여 모바일 브라우저 사용자의 이미지 요청을 리디렉션 할 수 있습니다. 나는 이것을 테스트하지 않았지만 작동해야합니다.

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

이 코드는 Nokia, Symbian, iPhone 및 BlackBerry의 이미지 폴더의 파일에 작성된 모든 요청을 빈 이미지 파일로 리디렉션합니다.

다른 팁

모바일 브라우저가있는 JavaScript 또는 기타 클라이언트 측 방법에 의존하지 않습니다. 대부분의 모바일 브라우저는 JavaScript를 충분히 지원하지 않습니다.

일부 서버 측면 "분기"는 아마도 갈 길입니다. 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">

그 CSS에서 당신은 디스플레이를 무시합니다 <img> 그리고 모든 배경 사진.

그것은 사용자 에이전트를 스푸핑하는 것과 같습니다. 그들이 정식 버전을 정말로 원한다면, 그들에게주십시오. BlackBerry 사용자에게 제안을 추가하여 이러한 옵션이 부족한 것에 대해 제조업체에 불만을 제기 할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top