2011-04-20 2 views
0

iPad Safari 사용자를 탐지하기 위해 다음을 사용하는 경우 비슷한 폭을 가진 모토로라 Xoom 또는 기타 태블릿 사용자를 추후에 발견하려고 시도합니다.iPad 사파리 또는 줌 감지

<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css"> 

는 내가 다른 태블릿 사용 xoom.css 또는

나는 사용자 에이전트의 접근 방법을 알고 othertablet.css을 식별 할 수 있지만 않도록하려면 얼마나 정확하게 의미한다. 미디어 쿼리만을 사용하여 구현할 수 있는지 알려주십시오.

+0

일부 기능 감지를 통해 데스크톱/ipad/다른 태블릿 (예 : Xoom)을 구분할 수 있습니까? – testndtv

답변

2

아니, 당신은 미디어 쿼리를 기반으로 사용되는 (그리고 당신은 그들이 모두 같은 기준에 수렴되므로 필요가 없습니다)

+0

그래서 가장 좋은 방법은 무엇입니까? 나는 이것이 user-agent를 통해 이루어질 수 있다는 것을 알고 있지만 그것을 발견하는 가장 좋은 방법은 아니라고 들었다. 어떻게 생각하니? – testndtv

+0

특정 장치를 검색하지 마십시오. 기능을 찾으십시오. 그렇지 않으면 릴리스되는 모든 새 장치 또는 장치 버전을 지원하려고하는 끝없는 주기로 끝납니다. – RobG

+0

기능이 정확히 무엇을 의미합니까? 나는 장치/브라우저를 iPad로 식별하려고 노력하고있다. 사파리는 Xoom의 오페라와 많이 다르다. 맞다. – testndtv

0

우리는 폼팩터를 사용하여 개발하기 시작 구체적으로 어떤 장치 말할 수 없다 FormfactorJS과 같은 탐지 라이브러리 - 참고로, 나는 이것을 만들었다.

이론은 동일한 의미 론적 HTML을 사용하므로 주어진 장치 클래스 (스마트 폰, 태블릿, 데스크톱 등)를 사용하여 CSS와 자바 스크립트를 전문화 할 수 있으며 미디어 쿼리를 사용하여 개별 장치 프로필에 반응하는 디자인을 인식 할 수 있습니다.

최소한 좋은 점은 나만의 감지 알고리즘을 지정할 수 있기 때문에 동일한 유형의 기기 (예 : iPad 또는 Xoom)를 감지 할 수 있다는 것입니다. 이 경우 userAgent 검사를 통해이 작업을 수행하기로했습니다. 왜? 형식 요소 또는 장치 유형에 따라 최적화 된 환경을 제공 할 수 있기 때문입니다.