Récemment, nous avons été occupés avec le projet de notre équipe "Wings of Coffee", dans lequel nous offrons une excellente expérience à la plate-forme mobile. Avec la prospérité de la plate-forme Android. Non seulement il a motivé l'industrie nationale des smartphones, mais de nombreux développeurs nationaux ont également commencé à se consacrer à la grande vague de terminaux mobiles Android. Si vous avez manqué beaucoup de vagues Internet. Alors vous ne devez pas manquer cette vague Android. À l'heure actuelle, nous avons développé des terminaux mobiles et des clients Android pour des "ailes de café". Tout le monde utilise des téléphones mobiles Android ou iOS d'exploitation et accéder directement au nom de domaine www.sygxy.cn pour regarder les effets terminaux mobiles. Dans le même temps, les clients Android ont été lancés dans les magasins d'applications «Application Treasure» de Tencent et «Baidu Mobile Assistant». Vous pouvez rechercher directement des "ailes de café". Sans aucune promotion, il n'est sorti que depuis une semaine et a plus de 100 téléchargements.
Si vous devez optimiser le terminal mobile, ce que vous devez faire est de déterminer quel est l'appareil d'accès du client. Grâce au résultat du jugement, renvoyez l'adresse de nom de domaine qui ne peut pas être utilisée, puis chargez différents fichiers CSS.
La méthode de jugement que nous utilisons consiste à porter des jugements à travers la valeur utilisateur-agent. Utilisez la propriété UserAgent de l'objet Navigator dans le cadre JavaScript. Il n'y a pas de norme publique pour les objets Navigator, mais cet objet est désormais pris en charge par tous les navigateurs sur le marché. Utilisez l'attribut UserAgent pour renvoyer la valeur de l'en-tête d'utilisateur-agent du serveur envoyé par le client. Il existe un agent utilisateur dans les informations d'en-tête, qui est utilisée pour dire au serveur, quel est le navigateur le client d'utilisateur et les informations du système d'exploitation. Utilisez des expressions régulières pour obtenir des valeurs d'agent utilisateur. Déterminer avec la valeur locale. Cette valeur correspondante peut être un système d'exploitation mobile tel que Android ou iOS, ou il peut être le nom du navigateur. S'il y a un match, il sautera, sinon il ne sautera pas et n'ira pas directement sur la page d'accueil du côté PC.
Pour une implémentation de code spécifique, nous utilisons le langage de script JavaScript pour améliorer la portabilité du site Web. À mon avis, il y a deux avantages à utiliser cette technologie.
1: Il peut améliorer la portabilité du site Web. Si notre équipe doit ajouter à nouveau l'effet du terminal mobile dans le projet Web ultérieur, il peut facilement introduire cette partie du code JS pour porter des jugements. Améliorer l'efficacité du travail future.
2: Le deuxième point consiste à faciliter le programme Web à charger dans une interface inutilisée et à introduire cette partie du code de jugement du terminal mobile.
Implémentation spécifique:
Nous extrayons les scripts pour juger l'accès. Si une page doit être jugée par le terminal client, nous utiliserons directement <Script> </cript> pour introduire le programme de script sur la page. Le code de jugement spécifique est le suivant:
La copie de code est la suivante:
fonction uaredirect (f) {
essayez {if (
document.getElementById ("bdmark")! = null) {
Retour
}
var b = false;
if (arguments [1]) {
var e = window.location.host; var a = window.location.href;
if (issubdomain (arguments [1], e) == 1) {
f = f + "/ # m /" + a; b = true} else {if (issubDomain (arguments [1], e) == 2) {f = f + "/ # m /" + a; b = true}
else {f = a; b = false}}}
else {b = true} if (b) {var c = window.location.hash;
if (! C.Match ("FromApp")) {
if ((Navigator.UserAgent.match (/ (iPhone | iPod | Android | iOS | Windows Phone) / i))) {emplacement.replace (f)}}}} catch (d) <br> {<br>} <br>}