Prinsip penilaian:
JavaScript adalah bahasa utama untuk pengembangan front-end. Kita dapat menentukan jenis dan versi browser dengan menulis program JavaScript. Umumnya ada dua metode JavaScript untuk menentukan jenis browser. Yang pertama didasarkan pada atribut unik dari berbagai browser, dan yang lainnya ditentukan dengan menganalisis atribut userAgent browser. Dalam banyak kasus, setelah jenis browser ditentukan berdasarkan nilainya, versi browser perlu ditentukan untuk menangani masalah kompatibilitas, dan versi browser umumnya hanya dapat diketahui dengan menganalisis Agen pengguna browser.
Jenis peramban
⑴ Atribut khusus browser
⑵Menurut userAgent
Versi peramban
⑴Menurut agen pengguna
Penilaian untuk browser seluler
1. Bagaimana cara menentukan apakah itu terminal seluler menggunakan pencocokan reguler?
Cocokkan apakah navigator.userAgent berisi string AppleWebKit*****Mobile
Browser Android qq versi HD hanya memiliki AppleWebKit
2. Penilaian versi bahasa ponsel
Gunakan navigator.browserLanguage untuk mendapatkan versi bahasa windows phone.
Tentu saja, versi bahasa ponsel kecil yang penuh kebencian ini juga memiliki perbedaan kompatibilitas. Browser yang kompatibel dengan kernel Mozilla dan Apple WebKit akan mencantumkan navigator.bahasa saat mengakses versi bahasanya.
KODE:
Copy kode kodenya sebagai berikut:
<skrip tipe="teks/javascript">
var peramban={
versi:fungsi(){
var u = navigator.userAgent, app = navigator.appVersion;
return {/ //Informasi versi browser terminal seluler
trisula: u.indexOf('Trident') > -1, //IE kernel
presto: u.indexOf('Presto') > -1, //opera kernel
webKit: u.indexOf('AppleWebKit') > -1, //Apple, kernel Google
tokek: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //Firefox kernel
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //Apakah itu terminal seluler
ios: !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/), //ios terminal
android: u.indexOf('Android') > -1 ||. u.indexOf('Linux') > -1, //terminal Android atau browser uc
iPhone: u.indexOf('iPhone') > -1 , //Apakah itu browser iPhone atau QQHD
iPad: u.indexOf('iPad') > -1, //Apakah itu iPad
webApp: u.indexOf('Safari') == -1 //Apakah web harus berupa program tanpa header dan bottom
};
}(),
bahasa:(navigator.browserLanguage || navigator.bahasa).toLowerCase()
}
document.writeln("versi bahasa: "+browser.bahasa);
document.writeln(" Apakah itu terminal seluler: "+browser.versions.mobile);
document.writeln(" ios terminal: "+browser.versions.ios);
document.writeln(" terminal android: "+browser.versions.android);
document.writeln("Apakah itu iPhone: "+browser.versions.iPhone);
document.writeln("Apakah iPad: "+browser.versions.iPad);
dokumen.writeln(navigator.userAgent);
</skrip>
Tempat yang agak istimewa
UC Browser tidak memiliki header Android dan hanya mengembalikan: linux. Di sini, secara kasar dinilai sebagai Android berbasis Linux (persyaratannya harus berupa terminal seluler, yang dipenuhi oleh UC)
Hasil deteksi Android QQ Browser versi HD adalah: mac, Safari