JavaScript를 사용하여 iOS 장치에서 Webview 환경을 감지하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

JavaScript를 사용하여 iOS 장치에서 Webview 환경을 감지하는 방법은 무엇입니까?

Barbara Streisand

풀어 주다： 2024-10-20 16:52:02

원래의

686명이 탐색했습니다.

How to Detect Webview Environment on iOS Devices with JavaScript?

JavaScript를 사용하여 iOS 기기의 Webview 환경 결정

웹페이지가 Safari 내에 표시되는지 또는 iPad 또는 iPhone에서 애플리케이션의 Webview가 표시되는지 식별하려면 다음이 필요합니다. JavaScript 감지.

탐지 접근 방식

이 기술은 window.navigator.userAgent 및 window.navigator.standalone 속성을 모두 활용합니다. 이를 검사함으로써 다음 iOS 웹 앱 상태를 구별할 수 있습니다.

Safari(브라우저)
독립 실행형(전체 화면)
UIWebView
비 iOS

구현

제공된 코드 조각은 웹페이지 환경을 감지하는 데모 역할을 합니다.

var standalone = window.navigator.standalone,
    userAgent = window.navigator.userAgent.toLowerCase(),
    safari = /safari/.test( userAgent ),
    ios = /iphone|ipod|ipad/.test( userAgent );

if( ios ) {
    if ( !standalone &amp;&amp; safari ) {
        //browser
    } else if ( standalone &amp;&amp; !safari ) {
        //standalone
    } else if ( !standalone &amp;&amp; !safari ) {
        //uiwebview
    };
} else {
    //not iOS
};

로그인 후 복사

웹 앱 개발자는 환경을 이해함으로써 웹 페이지의 동작을 맞춤화하고 앱의 컨텍스트에 따라 사용자 경험을 최적화할 수 있습니다.

위 내용은 JavaScript를 사용하여 iOS 장치에서 Webview 환경을 감지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!