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):
// 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("