모바일 브라우저에 웹 페이지 만 표시

Question

html5 웹 사이트/webapp가 있습니다. 사람들이 휴대 전화 (iphone, android, blackberry)에서이 웹 사이트/webapp을 보길 원합니다.

데스크톱 브라우저에서 웹 사이트/webapp을 방문하려고하면 웹 사이트/webapp이 휴대 전화 전용이므로 오류 메시지가 표시됩니다.

가능성이 있습니까? 어떤 팁? 감사합니다.

Answer 1

사이트가 모바일 또는 데스크톱에 있는지 확인하는 방법은 없습니다. HTML은 장치에 구애받지 않습니다.

당신이 browsersniffing 할 수

하지만

user_agents 쉽게 여러 브라우저에서 변경

당신이 최신 사용자에 나타나 에이전트> 모바일/데스크탑 매핑을 유지해야 할 필요가

당신은 미디어 쿼리를 할 수 있고 그런 식으로 조건부로 쿼리를 표시 할 수 있습니다. 그러나 현재 사용할 수있는 폼 팩터가 많기 때문에 그 방법을 그리는 명확한 선이 없습니다.

두 가지 방법 모두 오인 될 수 있습니다.

아주 솔직히 나는 사람들이 귀하의 사이트에 액세스하지 못하게하려는 이유가 다소 당황 스럽습니다. 누군가 휴대 기기 대신 데스크톱에서 내 사이트에 액세스하는 것이 왜 중요합니까?

잘 바탕 화면에서 작동합니다 모바일 용으로 설계된 사이트는 (이것은 그 주위에 다른 방법으로는 문제가 될 수 있어요)

Answer 2

잡아 당신이 여기에서 원하는 언어에 대한 스크립트를

http://detectmobilebrowsers.com/

나를 위해 작동합니다.

Answer 3

페이지에서 미디어 쿼리를 사용하고 페이지가 너비 인 장치 너비를 확인할 수 있습니다. 페이지가 바탕 화면에 표시되면이 응용 프로그램이 Mobiles 기기에만 호환되고 데스크톱은 호환되지 않는다는 메시지를 표시 할 수 있습니다. 마찬가지로 이것은 타블렛에도 적용되어야하며이 메시지는 사용자 정의 할 수 있습니다.

Answer 4

serer 사이드 테크놀로지 (ASP.NET, PHP)를 사용하여 페이지를 생성합니까? 그렇다면 서버 측에서 논리를 수행하고 데스크톱 요청에서 다른 내용 (예 : 메시지)을 반환 할 수 있습니다.

이것은 대개 사용자 에이전트를 읽음으로써 수행됩니다. 모바일 브라우저를 시뮬레이션하고 모바일 콘텐츠를보기 위해 사용자 에이전트를 과도하게 사용하는 데스크톱 사용자는 괜찮습니까?