>웹 프론트엔드 >JS 튜토리얼 >iPad를 포함한 Navigator.useragent 모바일

iPad를 포함한 Navigator.useragent 모바일

尊渡假赌尊渡假赌尊渡假赌
尊渡假赌尊渡假赌尊渡假赌원래의
2025-02-22 09:43:09453검색

navigator.userAgent 탐지 코드 스 니펫 (iPad 포함)

다음 코드 스 니펫은 : 를 사용하여 모바일 장치 (iPad 포함)를 감지하는 방법을 보여줍니다. navigator.useragent mobiles including ipad 이 방법은 의도적으로 Kindle Fire 및 Playbook을 감지하지 않습니다. 태블릿 지지대를 추가하려면

를 추가하십시오.

기타 방법 : navigator.userAgent <:> 사용 방법 :

사용자가 특정 모바일 장치를 사용하고 있는지 확인하려면
<code class="language-javascript">function detectmob() {
     return !!navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i));
}</code>
소스 : |playbook|silk https://www.php.cn/link/abe6f17e7a1e4759595951905e000 를 사용하여 모바일 장치 (iPad 포함)의 탐지에 대한 FAQ iOS 장치를 감지하기 위해 를 사용하는 방법은 무엇입니까?

javaScript의
<code class="language-javascript">var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }};
}</code>
속성을 ​​사용하여 장치가 iOS에서 실행 중인지 여부를 감지 할 수 있습니다. 이 속성은 브라우저의 사용자 에이전트 헤더를 나타내는 문자열을 반환합니다. iOS 장치를 감지하려면 일반 표현식을 사용하여 "iPhone", "iPad"또는 "iPod"문자열의 사용자 에이전트 문자열을 검색 할 수 있습니다. 간단한 예는 다음과 같습니다.

이 코드에서
<code class="language-javascript">if( isMobile.any() ) alert('Mobile');</code>
는 사용자 에이전트 문자열을 반환하고 메소드는이 문자열에 "iPad", "iPhone"또는 "iPod"이 있는지 확인합니다. 일부는 Windows 전화를 제외하는 데 사용됩니다.

다른 모바일 장치를 감지하기 위해

를 사용할 수 있습니까?
<code class="language-javascript">if( isMobile.iOS() ) alert('iOS');</code>
예,

속성은 다양한 모바일 장치를 감지하는 데 사용될 수 있습니다. 예를 들어, Android 장치를 감지하려면 사용자 에이전트 문자열에서 "Android"문자열을 검색 할 수 있습니다. 예는 다음과 같습니다. 장치가 Android에서 실행중인 경우이 코드는 True를 반환합니다. 그렇지 않으면 False를 반환합니다. 마찬가지로 사용자 에이전트 문자열에서 해당 문자열을 검색하여 다른 모바일 장치를 감지 할 수 있습니다. 브라우저를 감지하기 위해 를 사용할 수 있습니까? 예, 속성을 ​​사용하여 브라우저를 감지 할 수 있습니다. 다른 브라우저마다 사용자 에이전트 문자열이 다릅니다. 예를 들어, 사용자 에이전트 문자열에 "Chrome"이 포함 된 경우 브라우저는 Google Chrome입니다. 예는 다음과 같습니다.

브라우저가 Google 크롬 인 경우이 코드는 True를 반환합니다. 그렇지 않으면 False가 반환됩니다. 마찬가지로 사용자 에이전트 문자열에서 해당 문자열을 검색하여 다른 브라우저를 감지 할 수 있습니다.

장비 검사에 얼마나 신뢰할 수 있습니까? navigator.userAgent

속성은 장치 감지에 사용될 수 있지만 항상 100% 신뢰할 수있는 것은 아닙니다. 사용자 에이전트 문자열은 쉽게 단조되거나 변경되며 다른 브라우저와 장치는 유사한 사용자 에이전트 문자열을 사용할 수 있습니다. 따라서 일반적으로 사용자 에이전트 감지보다는 임계 기능에 대한 기능 감지를 사용하는 것이 좋습니다. navigator.userAgent 장치의 운영 체제를 감지하기 위해

를 사용할 수 있습니까?

예, navigator.userAgent 속성을 ​​사용하여 장치의 운영 체제를 감지 할 수 있습니다. 예를 들어 Windows 장치를 감지하려면 "Win"문자열의 사용자 에이전트 문자열을 검색하십시오. 예는 다음과 같습니다.

장치가 Windows 시스템에서 실행중인 경우이 코드는 True를 반환합니다. 그렇지 않으면 False를 반환합니다. 마찬가지로 사용자 에이전트 문자열에서 해당 문자열을 검색하여 다른 운영 체제를 감지 할 수 있습니다.

일반 모바일 장치를 감지하는 방법은 무엇입니까? navigator.userAgent 일반 모바일 장치를 감지하려면 모바일 장치의 사용자 에이전트 문자열에서 흔한 문자열을 검색 할 수 있습니다. 예는 다음과 같습니다.

장치가 모바일 장치 인 경우이 코드는 true를 반환합니다. 그렇지 않으면 False를 반환합니다. 정규 표현식 는 사용자 에이전트 문자열에 "mobi"(많은 모바일 장치에서 사용) 또는 "Android"가 포함되어 있는지 확인합니다.
<code class="language-javascript">function detectmob() {
     return !!navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i));
}</code>
장치의 화면 크기를 감지하기 위해

를 사용할 수 있습니까?

아니요, 속성을 ​​사용하여 장치의 화면 크기를 감지 할 수 없습니다. 브라우저 및 운영 체제에 대한 정보 만 제공합니다. 장치의 화면 크기를 얻으려면 JavaScript에서 navigator.userAgent 객체를 사용할 수 있습니다.

를 사용하여 장치의 방향을 감지 할 수 있습니까?

<code class="language-javascript">var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }};
}</code>
아니요, 속성은 장치의 방향을 감지하는 데 사용할 수 없습니다. 브라우저 및 운영 체제에 대한 정보 만 제공합니다. 장치의 방향을 얻으려면 JavaScript에서

속성을 ​​사용할 수 있습니다. /Mobi|Android/i 장치가 태블릿인지 감지하기 위해

를 사용할 수 있습니까?

속성을 ​​사용하여 특정 태블릿 (예 : iPad)을 감지 할 수 있지만 항상 모든 태블릿을 확실하게 감지하는 것은 아닙니다. 다른 태블릿은 다른 사용자 에이전트 문자열을 사용할 수 있으며, 일부는 휴대폰이나 데스크탑 컴퓨터의 것과 유사 할 수 있습니다. navigator.userAgent 사용자 에이전트 문자열을 변경할 수 있습니까?

예, 사용자 에이전트 문자열을 변경하거나 단조 할 수 있습니다. 이것은 일반적으로 테스트 목적으로 사용되거나 특정 제한을 우회합니다. 그러나 사용자 에이전트 문자열을 변경하면 예기치 않은 동작 또는 호환성 문제가 발생할 수 있으며 일반적으로 정기적 인 탐색에는 권장되지 않습니다.

위 내용은 iPad를 포함한 Navigator.useragent 모바일의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.