Modernizr을 사용하여 모바일 장치를 감지하는 가장 신뢰할 수있는 방법은 무엇입니까?

Question

응답 성있는 사이트를 개발 중이며 사용자가 모바일 장치에서 인터넷을 검색 할 때 해당 사이트의 유선 전화 번호를 유선 전화로 바꿔야합니다. Modernizr 라이브러리 (또는 다른 라이브러리)를 사용하는 모바일 장치에 사용자가 있는지를 가장 확실하게 감지하는 방법은 무엇입니까?

저는 Modernizr.touch와 Modernizr.geolocation을 알고 있습니다. 이 2 가지가 if(Modernizr.touch && Modernizr.geolocation) 성명서에 결합되어 있으면, 모바일 장치에 있는지 여부를 나타내는 좋은 지표가되지만, iPad는이 두 속성을 모두 적용하게됩니다. 모바일 장치가 커지면서 장치 크기를 테스트하는 것을 꺼려합니다!

누구도 전에이 문제에 착수 했습니까? 모더 나이저 API 방법을 사용하여

Answer 1

Modernizr.mq(str)

예 : 내 웹 사이트에이 PHP 라이브러리를 사용

Modernizr.mq('only all and (max-width: 400px)') 

Answer 2

: 그것은한다는 뜻 http://code.google.com/p/php-mobile-detect/

나는 자바 스크립트 라이브러리를 통해이 추천 모바일 장치에서 처리 할 작업이 적어지고 두 개 이상의 장치를 대상으로하는 조건문없이 웹 페이지 코드가 훨씬 깔끔합니다.

주의해야 할 점은 유지 관리 할 웹 사이트가 두 가지 있다는 것입니다. 표시 할 콘텐츠를 결정하기위한 조건문을 사용하여 웹 페이지를 유지 관리하는 것과 비교할 때 문제가되는 것은 아닙니다. 바탕 화면 폴더와 내 루트 디렉토리에 모바일 폴더가 있습니다.

나는 단순히 isMobile 메서드를 사용하고 나머지 대부분은 무시하지만 원하는 경우 특정 장치 유형을 필터링하고 대상으로 지정할 수 있습니다.

예. 사용법 :

// Include the mobile detection file. 
require('Mobile_Detect.php'); 

// Create new mobile detect object. 
$detect = new Mobile_Detect(); 
// Create new browser object 
$browser = new Browser(); 
// Check if the client is using a mobile device. 
$mobile = $detect->isMobile(); 

... 

if($mobile) { 
    //Load mobile site version 
    require('Mobile\\index.html'); 
} else { 
    //Load desktop site version 
    require('Desktop\\index.html'); 
} 

경우에 따라서는 변경하려는 숫자 만 자바 스크립트를 사용하는 것이 더 나을 수도 있습니다. 이 답변은 모바일 친화적 인 전체 사이트를 개발하려는 사람들에게 이상적입니다.

Answer 3

비슷한 것을 찾고 그냥 언뜻보기에는 잘 작동하는 것처럼 보였습니다.

http://detectmobilebrowsers.com/

Answer 4

는 내가 늦게 파티에 조금이야 알지만, 당신은 당신이 ASP를 사용하는 말했듯이, browscap.ini 기반 검사는 특히 ASP 사용할 수 있습니다.