Rumah > hujung hadapan web > tutorial js > Kaedah JavaScript untuk menentukan peranti akses mudah alih dan menghuraikan kemahiran CSS_javascript yang sepadan

Kaedah JavaScript untuk menentukan peranti akses mudah alih dan menghuraikan kemahiran CSS_javascript yang sepadan

WBOY
Lepaskan: 2016-05-16 16:15:46
asal
1145 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara javascript menentukan peranti akses mudah alih dan menghuraikan CSS yang sepadan. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Javascript menentukan persekitaran akses web yang berbeza, terutamanya untuk peranti mudah alih dan menyediakan penyelesaian analisis yang sepadan (kod peranti disalin terus daripada Tencent):

Salin kod Kod adalah seperti berikut:
// Tentukan sama ada ia adalah persekitaran operasi mudah alih
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT- |Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
cuba{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
// Jika persekitaran akses ialah Android|webOS|iPhone|iPod|BlackBerry, muatkan gaya berikut
setActiveStyleSheet("style_mobile_a.css"); }
else if(/iPad/i.test(navigator.userAgent)){
// Jika persekitaran akses ialah iPad, muatkan gaya berikut
setActiveStyleSheet("style_mobile_iPad.css"); }
lain{
// Jika persekitaran akses ialah peranti mudah alih lain, muatkan gaya berikut
setActiveStyleSheet("style_mobile_other.css");
}
}
tangkap(e){}
}
}
lain{
// Jika tiada di atas, muatkan gaya berikut
setActiveStyleSheet("style_mobile_no.css"); }
//Muatkan gaya selepas penghakiman selesai
fungsi setActiveStyleSheet(nama fail){document.write("

Memuatkan halaman:


Salin kod Kod adalah seperti berikut:
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan