Rumah > Artikel > hujung hadapan web > 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

WBOYasal: 2016-05-16 16:15:461114semak imbas

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: