Bagaimana Membezakan Safari dan Paparan Web pada Peranti iOS Menggunakan JavaScript?

Kesan Safari dan WebViews pada Peranti iOS dengan JavaScript

Menentukan sama ada tapak web berjalan dalam penyemak imbas Safari iPad atau dalam aplikasi WebView adalah penting untuk menyesuaikan pengalaman pengguna. Ini boleh dicapai melalui gabungan sifat JavaScript window.navigator.userAgent dan window.navigator.standalone.

Dengan menganalisis rentetan ejen pengguna, kami boleh mengenal pasti peranti sebagai peranti iOS. Jika ia sememangnya peranti iOS, kami selanjutnya menyemak kehadiran atau ketiadaan window.navigator.standalone untuk membezakan antara senario yang berbeza:

• Pelayar: Tapak web sedang berjalan dalam pelayar Safari; berdiri sendiri adalah palsu, dan ejen pengguna mengandungi "Safari."
• Standalone: Tapak web berjalan sebagai aplikasi kendiri; berdiri sendiri adalah benar dan ejen pengguna tidak mengandungi "Safari."
• WebView: Tapak web berjalan dalam WebView apl; berdiri sendiri adalah palsu dan ejen pengguna tidak mengandungi "Safari."

Kod JavaScript ini menyediakan penyelesaian lengkap untuk mengesan persekitaran iOS dan membezakan antara mod Safari dan WebView:

<code class="javascript">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) {
        // WebView
    }
} else {
    // Not iOS
}</code>

Kaedah ini membolehkan anda menyesuaikan tingkah laku aplikasi web anda kepada persekitaran yang berbeza, memastikan pengalaman pengguna yang optimum. Sebagai contoh, bar navigasi boleh disembunyikan apabila apl digunakan dalam mod kendiri, atau ciri khusus boleh dilumpuhkan apabila berjalan dalam WebView apl.

Atas ialah kandungan terperinci Bagaimana Membezakan Safari dan Paparan Web pada Peranti iOS Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!