Bagaimana untuk Membezakan Antara Paparan Web iPad/iPhone dan Safari Asli Menggunakan JavaScript?

Mengesan iPad/iPhone Webview melalui JavaScript: Penyelesaian Komprehensif

Membezakan antara tapak web yang berjalan dalam Safari pada iPad dan dalam WebView aplikasi boleh menjadi penting untuk mengoptimumkan fungsi tapak web dan pengalaman pengguna. JavaScript menyediakan cara yang berkesan untuk mencapainya.

Mari terokai penyelesaian JavaScript yang menggabungkan dua sifat utama:

• window.navigator.userAgent: Mengandungi maklumat tentang penyemak imbas dan sistem pengendalian pengguna.
• window.navigator.standalone: Menunjukkan sama ada apl web berjalan dalam mod kendiri.

Menggunakan sifat ini, kami boleh mencipta pernyataan bersyarat yang membezakan antara empat senario:

1. Safari (Pelayar): berdiri sendiri === palsu dan safari === benar
2. Kendiri (Skrin Penuh): kendiri === benar dan safari === palsu
3. UIWebView: kendiri === palsu dan safari === palsu
4. Bukan iOS: Tiada padanan untuk ios dalam rentetan ejen pengguna

Di bawah ialah coretan kod yang menunjukkan penyelesaian ini:

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

Dengan memanfaatkan JavaScript ini kod, pembangun boleh mengesan dengan berkesan persekitaran tapak web mereka berjalan pada peranti iOS, membolehkan mereka menyesuaikan fungsi tapak web dan meningkatkan pengalaman pengguna dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk Membezakan Antara Paparan Web iPad/iPhone dan Safari Asli Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!