Cet article décrit la méthode de JavaScript pour déterminer le périphérique d'accès mobile et analyser le CSS correspondant. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
JavaScript détermine différents environnements d'accès Web, principalement pour les appareils mobiles, et fournit des solutions d'analyse correspondantes (juge les codes de périphérique Copier directement Tencent Network):
Copiez le code comme suit: / Déterminez s'il s'agit d'un environnement de fonctionnement mobile
if (/applewebkit.*mobile/i.test (Navigator.UserAgent) || (/Midp|Symbianos|NOKIA|SAMSUNG|LG|NEC|TCL|ALCATEL|Birdours
if (window.location.href.indexof ("? mobile") <0) {
essayer{
if (/Android|Webos|IpHone|Ipod|BlackBerry/I.Test (Navigator.UserAgent)) {
// déterminer que l'environnement d'accès est Android | webOS | iPhone | iPod | BlackBerry, puis chargez le style suivant
setActiveSetHeTheet ("style_mobile_a.css");
}
else if (/ipad/i.test (Navigator.UserAgent)) {
// Si vous déterminez que l'environnement d'accès est iPad, chargez le style suivant
setActiveSetHeTheet ("style_mobile_ipad.css");
}
autre{
// Si vous déterminez que l'environnement d'accès est un autre appareil mobile, le style suivant sera chargé
setActivestyleSheet ("style_mobile_other.css");
}
}
catch (e) {}
}
}
autre{
// Si aucun de ces éléments n'est chargé, le style suivant
setActivestyleSheet ("style_mobile_no.css");
}
// Style de chargement après le jugement
fonction setActiveSetyLesHeet (nom de fichier) {document.write ("＜ lien href =" + filename + "rel = Stylesheet>");}
Page de chargement:
Copiez le code comme suit: <script type = "text / javascript">
if (/applewebkit.*mobile/i.test (Navigator.UserAgent) || (/Midp|Symbianos|NOKIA|SAMSUNG|LG|NEC|TCL|ALCATEL|Birdours
if (window.location.href.indexof ("? mobile") <0) {
essayer{
if (/Android|Webos|IpHone|Ipod|BlackBerry/I.Test (Navigator.UserAgent)) {
window.location.href = "Page mobile";
} else if (/ipad/i.test (Navigator.UserAgent)) {
window.location.href = "Page de tablette";
}autre{
window.location.href = "Autres pages mobiles"
}
} catch (e) {}
}
}
</cript>
J'espère que cet article sera utile à la programmation JavaScript de tous.