2012-09-23 2 views
0

jQuery/JavaScript를 사용하여 "멍청한"전화 브라우저를 감지하는 방법을 알 수 없습니다. 데스크톱/태블릿, 스마트 폰 및 내 웹 사이트의 벙커 폰 버전이 있습니다. 사이트의 스마트 폰 버전은 벙어리 폰의 경우 너무 무겁고 느려서 대신 "라이트"버전으로 리디렉션하려고합니다.jQuery/JavaScript를 사용하여 "멍청한"전화 감지?

좋은 예는 페이스 북입니다. 벙어리 폰 브라우저에서 Facebook을 열면 사용자는 hte Lite 버전으로 리디렉션됩니다. 같은 행동을 어떻게하면됩니까?

참고 : JavaScript를 사용하고 있으며 플랫폼 제약 조건을 PHP로 작성하지 않았습니다. (Tumblr에 있습니다.)

답변

0

자바 스크립트에서 사용자 에이전트 변수 (각 브라우저가 자신을 식별하는 데 사용하는 변수)를 감지해야합니다.

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { 
// Redirect code goes here 
window.location = "someplace.com"; 
} 

기본적으로 테스트 할 유형을 수동으로 입력해야하며 각 사례에 대해 if/else 문을 사용해야합니다. (http://www.w3schools.com/jsref/prop_nav_useragent.asphttp://useragentstring.com/pages/useragentstring.php을 참조하십시오.)

0

또 다른 좋은 방법은 브라우저에 특정 기능이 있는지 확인하는 것입니다 (예 : http://modernizr.com/). 이것은 더 나은 성능을 발휘할 수 있으며 "dumbphone"을 찾을 때마다 사용자 에이전트 문자열을 업데이트 할 필요가 없습니다.