Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mengesan Persekitaran Webview pada Peranti iOS dengan JavaScript?

Bagaimana untuk Mengesan Persekitaran Webview pada Peranti iOS dengan JavaScript?

Barbara Streisand
Barbara Streisandasal
2024-10-20 16:52:02687semak imbas

How to Detect Webview Environment on iOS Devices with JavaScript?

Tentukan Persekitaran Webview pada Peranti iOS dengan JavaScript

Mengenal pasti sama ada halaman web dipaparkan dalam Safari atau Webview aplikasi pada iPad atau iPhone memerlukan Pengesanan JavaScript.

Pendekatan Pengesanan

Teknik ini memanfaatkan kedua-dua sifat window.navigator.userAgent dan window.navigator.standalone. Dengan meneliti perkara ini, ia membenarkan pembezaan antara keadaan apl web iOS berikut:

  • Safari (pelayar)
  • Standalone (skrin penuh)
  • UIWebView
  • Bukan iOS

Pelaksanaan

Coretan kod yang disediakan berfungsi sebagai demo untuk mengesan persekitaran halaman web:

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 ) {
        //browser
    } else if ( standalone && !safari ) {
        //standalone
    } else if ( !standalone && !safari ) {
        //uiwebview
    };
} else {
    //not iOS
};

Dengan memahami persekitaran, pembangun apl web boleh menyesuaikan gelagat halaman web dan mengoptimumkan pengalaman pengguna berdasarkan konteks apl.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Persekitaran Webview pada Peranti iOS dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn