Rumah >hujung hadapan web >tutorial js >Navigator.Useragent Mobiles termasuk iPad
Gunakan navigator.userAgent
coretan kod pengesanan peranti mudah alih (termasuk iPads)
: navigator.userAgent
<code class="language-javascript">function detectmob() { return !!navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i)); }</code>Sila ambil perhatian bahawa kaedah ini sengaja tidak mengesan Kindle Fire dan Playbook. Untuk menambah sokongan tablet, tambah
. |playbook|silk
<code class="language-javascript">var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, Windows: function() { return navigator.userAgent.match(/IEMobile/i); }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); }}; }</code>cara menggunakan:
<code class="language-javascript">if( isMobile.any() ) alert('Mobile');</code>untuk memeriksa sama ada pengguna menggunakan peranti mudah alih tertentu:
<code class="language-javascript">if( isMobile.iOS() ) alert('iOS');</code>sumber:
atribut navigator.userAgent
dalam JavaScript boleh digunakan untuk mengesan sama ada peranti berjalan pada iOS. Harta ini mengembalikan rentetan yang mewakili tajuk ejen pengguna penyemak imbas. Untuk mengesan peranti iOS, anda boleh mencari rentetan ejen pengguna untuk "iPhone", "iPad", atau "iPod" rentetan menggunakan ungkapan biasa. Berikut adalah contoh mudah:
navigator.userAgent
Dalam kod ini, memeriksa sama ada terdapat "iPad", "iPhone" atau "iPod" dalam rentetan ini. navigator.userAgent
Ada yang digunakan untuk mengecualikan telefon Windows.
<code class="language-javascript">var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;</code>Bolehkah saya menggunakan
untuk mengesan peranti mudah alih yang lain? navigator.userAgent
test()
Ya, atribut !window.MSStream
boleh digunakan untuk mengesan pelbagai peranti mudah alih. Sebagai contoh, untuk mengesan peranti Android, anda boleh mencari rentetan "Android" dalam rentetan ejen pengguna. Berikut adalah contoh:
navigator.userAgent
Jika peranti berjalan pada Android, kod ini akan kembali benar, jika tidak, ia akan kembali palsu. Begitu juga, anda boleh mengesan peranti mudah alih lain dengan mencari rentetan yang sepadan dalam rentetan ejen pengguna. Bolehkah saya menggunakan navigator.userAgent
untuk mengesan penyemak imbas?
<code class="language-javascript">var isAndroid = /Android/.test(navigator.userAgent);</code>Ya, anda boleh menggunakan atribut
untuk mengesan penyemak imbas. Pelayar yang berbeza mempunyai rentetan ejen pengguna yang berbeza. Sebagai contoh, jika rentetan ejen pengguna mengandungi "Chrome", penyemak imbas adalah Google Chrome. Berikut adalah contoh:
navigator.userAgent
Jika penyemak imbas adalah Google Chrome, kod ini akan kembali benar, jika tidak palsu. Begitu juga, anda boleh mengesan penyemak imbas lain dengan mencari rentetan yang sepadan dalam rentetan ejen pengguna. navigator.userAgent
Betapa dipercayai ia digunakan untuk pemeriksaan peralatan? Walaupun atribut navigator.userAgent
boleh digunakan untuk pengesanan peranti, ia tidak selalunya 100% boleh dipercayai. String ejen pengguna mudah dipalsukan atau diubah, dan pelayar dan peranti yang berbeza boleh menggunakan rentetan ejen pengguna yang sama. Oleh itu, biasanya disyorkan untuk menggunakan pengesanan ciri untuk fungsi kritikal dan bukannya pengesanan ejen pengguna.
navigator.userAgent
untuk mengesan sistem operasi peranti? navigator.userAgent
<code class="language-javascript">function detectmob() { return !!navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i)); }</code>Jika peranti berjalan pada sistem Windows, kod ini akan kembali benar, jika tidak, ia akan kembali palsu. Begitu juga, anda boleh mengesan sistem operasi lain dengan mencari rentetan yang sepadan dalam rentetan ejen pengguna.
Bagaimana menggunakan
navigator.userAgent
<code class="language-javascript">var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, Windows: function() { return navigator.userAgent.match(/IEMobile/i); }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); }}; }</code>Jika peranti adalah peranti mudah alih, kod ini akan kembali benar, jika tidak, ia akan kembali palsu. Ekspresi biasa
memeriksa sama ada rentetan ejen pengguna mengandungi "mobi" (digunakan oleh banyak peranti mudah alih) atau "Android". /Mobi|Android/i
navigator.userAgent
atribut tidak boleh digunakan untuk mengesan saiz skrin peranti. Ia hanya memberikan maklumat mengenai penyemak imbas dan sistem operasi. Untuk mendapatkan saiz skrin peranti, anda boleh menggunakan objek navigator.userAgent
dalam JavaScript. window.screen
navigator.userAgent
atribut tidak boleh digunakan untuk mengesan orientasi peranti. Ia hanya memberikan maklumat mengenai penyemak imbas dan sistem operasi. Untuk mendapatkan orientasi peranti, anda boleh menggunakan atribut navigator.userAgent
dalam JavaScript. window.orientation
navigator.userAgent
, ia tidak selalu dapat mengesan semua tablet. Tablet yang berbeza boleh menggunakan rentetan ejen pengguna yang berbeza, sesetengah mungkin sama dengan telefon bimbit atau komputer desktop. navigator.userAgent
Atas ialah kandungan terperinci Navigator.Useragent Mobiles termasuk iPad. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!