>  기사  >  웹 프론트엔드  >  iOS WebView에서 웹 사이트가 실행 중인지 JavaScript가 어떻게 감지할 수 있습니까?

iOS WebView에서 웹 사이트가 실행 중인지 JavaScript가 어떻게 감지할 수 있습니까?

Barbara Streisand
Barbara Streisand원래의
2024-10-20 16:47:02661검색

How Can JavaScript Detect if a Website is Running in an iOS WebView?

JavaScript로 iOS WebView를 감지하는 방법

웹 개발에서는 웹 사이트가 브라우저 내에서 실행되는지 iOS 기기의 WebView에서 실행되는지 확인하는 것이 중요할 수 있습니다. JavaScript는 이러한 요구 사항을 해결하기 위한 간단한 솔루션을 제공합니다.

효과적인 접근 방식 중 하나는 window.navigator.userAgent와 window.navigator.standalone을 조합하여 활용하는 것입니다. 이 방법을 사용하면 iOS 웹 앱의 네 가지 상태를 구별할 수 있습니다.

  • Safari에서 실행(브라우저)
  • 독립형 앱으로 실행(전체 화면)
  • 실행 중 애플리케이션 WebView 내
  • iOS 기기에서 실행되지 않음

다음은 이 접근 방식을 보여주는 간결한 JavaScript 스니펫입니다.

<code class="js">var standalone = window.navigator.standalone,
    userAgent = window.navigator.userAgent.toLowerCase(),
    safari = /safari/.test(userAgent),
    ios = /iphone|ipod|ipad/.test(userAgent);

if (ios) {
  if (!standalone && safari) {
    // Running in Safari (browser)
  } else if (standalone && !safari) {
    // Running as a standalone app (fullscreen)
  } else if (!standalone && !safari) {
    // Running within an application WebView
  };
} else {
  // Not running on an iOS device
};</code>

요약하면 위에 설명된 JavaScript 기술을 통해 개발자는 iOS Safari 브라우저 또는 애플리케이션 WebView를 통해 웹 사이트에 액세스하는지 여부를 결정할 수 있습니다. 이 지식은 사용자 경험을 적절하게 조정하는 데 도움이 될 수 있습니다.

위 내용은 iOS WebView에서 웹 사이트가 실행 중인지 JavaScript가 어떻게 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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