Comment implémenter une page de saut d'adaptation pour téléphone mobile en php

藏色散人
Libérer: 2023-03-04 11:48:01
original
4102 Les gens l'ont consulté

Comment implémenter la page de saut de téléphone mobile en PHP : ouvrez d'abord le fichier "header.php" ; puis ajoutez le code en haut sous la forme "$agent = $_SERVER['HTTP_USER_AGENT'];" ; les changements.

Comment implémenter une page de saut d'adaptation pour téléphone mobile en php

Recommandé : "Tutoriel vidéo PHP"

Adaptation du téléphone mobile du site Web PHP passer à la page correspondante

Si vous avez des visiteurs provenant d'une interface mobile, vous devrez probablement les diriger vers une autre page, spécifiquement optimisée pour les navigateurs mobiles.

1. Ajoutez du jugement dans l'en-tête de la page

Grâce à PHP et aux informations d'en-tête du navigateur, nous pouvons facilement rediriger les utilisateurs de téléphones mobiles vers une interface WAP spécialement conçue. Il m'est arrivé d'utiliser le plug-in WP-T-WAP pour implémenter l'interface WAP. L'adresse de navigation WAP est http://mkaifa.com/wap. (Vous pouvez essayer de parcourir cette adresse, elle peut être ouverte sur un ordinateur. Désolé, j'utilise MobilePress maintenant et il n'y a pas de démonstration. MobilePress peut déterminer automatiquement le navigateur du visiteur.)

J'espère que le téléphone mobile Lorsque les visiteurs ouvrent l'adresse http://mkaifa.com/, ils sont automatiquement dirigés vers http://mkaifa.com/wap. Ce qu'il faut faire?

La réponse est très simple.

Ouvrez le fichier header.php. Insérez le code suivant dans la première ligne :

< ?php
$agent = $_SERVER[&#39;HTTP_USER_AGENT&#39;];
if(strpos($agent,"comFront") || strpos($agent,"iPhone") || strpos($agent,"MIDP-2.0") || strpos($agent,"Opera Mini") || strpos($agent,"UCWEB") || strpos($agent,"Android") || strpos($agent,"Windows CE") || strpos($agent,"SymbianOS"))
header("Location:http://mkaifa.com/wap");
?>
Copier après la connexion

La signification de ce code est que lorsque les informations UA renvoyées par le navigateur sont Opera Mini, UCWEB, etc., la page sera redirigée vers http:// mkaifa.com/wap .

Supplément 1.1 : Ajouter une invite de saut pour les navigateurs mobiles

Lorsque vous utilisez la méthode ci-dessus pour configurer un saut, vous pouvez rencontrer cette situation : les visiteurs mobiles accèdent directement à quelque chose comme http : La sous-page de //mkaifa.com/archive/xxx, pas la page d'accueil. À ce stade, la modification de l'énoncé de jugement exécutera toujours la commande et guidera le visiteur mobile vers la page d'accueil de l'interface mobile, afin que le visiteur ne puisse pas obtenir les informations souhaitées.

Que dois-je faire ?

Vous pouvez ajouter un autre jugement en plus de cette instruction. Cette commande ne sera exécutée que lorsque la page actuelle est la page d'accueil.

Dans l'environnement WordPress, ce jugement s'écrit

<?php if ( is_home() ) { ... }?>
Copier après la connexion

Ensuite, tout le code est :

<?php
$agent = $_SERVER[&#39;HTTP_USER_AGENT&#39;];
if ( is_home() && ((strpos($agent,"comFront") || strpos($agent,"iPhone") || strpos($agent,"MIDP-2.0") || strpos($agent,"Opera Mini") || strpos($agent,"UCWEB") || strpos($agent,"Android") || strpos($agent,"Windows CE") || strpos($agent,"SymbianOS")) )
header("Location:http://mkaifa.com/wap");
}
?>
Copier après la connexion

De cette façon, nous rencontrons un autre problème : les visiteurs mobiles naviguent sous- pages À l’époque, je ne savais pas que vous proposiez une interface WAP, et vous souhaitiez simplement promouvoir votre interface WAP.

Nous pouvons modifier cette déclaration de jugement afin qu'elle ne saute plus directement, mais affiche un message d'invite dans un navigateur spécifique pour indiquer aux utilisateurs mobiles de passer à l'interface WAP pour naviguer.

Le code est écrit comme suit :

<?php
$agent = $_SERVER[&#39;HTTP_USER_AGENT&#39;];
if(strpos($agent,"comFront") || strpos($agent,"iPhone") || strpos($agent,"MIDP-2.0") || strpos($agent,"Opera Mini") || strpos($agent,"UCWEB") || strpos($agent,"Android") || strpos($agent,"Windows CE") || strpos($agent,"SymbianOS")) { ?>
<div id="mobile"><p>系统检测到您正在使用手机浏览器,您可以访问<a href="http://mkaifa.com/wap">移动界面</a>以获取更好的浏览体验。</p></div>
<?php } ?>
Copier après la connexion

Bien sûr, vous pouvez combiner ces deux méthodes pour permettre aux visiteurs mobiles de sauter automatiquement lorsqu'ils visitent la page d'accueil et d'afficher des informations rapides lorsqu'ils visitent d'autres interfaces.

2. Des informations UA suffisantes sur le navigateur mobile sont requises

Lorsque le navigateur accède à la page, il soumet un caractère de drapeau au serveur. Ce caractère est appelé UA (User Agent). quelque chose comme ceci :

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) )
Copier après la connexion

Oui, l'UA est assez long et comprend même des informations système. Mais lorsque nous portons un jugement, il nous suffit de vérifier les caractères les plus critiques. Par exemple, si je dois déterminer si l'utilisateur actuel utilise IE 8 (j'utilise effectivement IE8), alors l'énoncé de jugement ci-dessus doit être écrit sous la forme strpos($agent, "MSIE 8.0").

J'ai préparé les 8 navigateurs/plateformes les plus courants : comFront, iPhone, JAVA (MIDP-2.0), Opera Mini, UCWEB, Android, Windows CE/Mobile et SymbianOS. En ce qui concerne la situation actuelle, ces 8 plateformes incluent déjà la quasi-totalité des visiteurs mobiles du pays. Bien sûr, la liste complète des clients de navigation mobile est plus que cela, j'en énumérerai quelques-unes :

2.0 MMP, 240×320, 400X240, AvantGo, BlackBerry, Blazer, Cellphone, Danger, DoCoMo, Elaine/3.0 EudoraWeb,   Googlebot-Mobile, hiptop, IEMobile, KYOCERA/WX310K, LG/U990, MIDP-2., MMEF20, MOT-V, comFront, Newt, Nintendo Wii, Nitro, // Nintendo DS Nokia, Opera Mini, Palm, PlayStation Portable, portalmmm, Proxicom, Proxicom, SHARP-TQ-GX10, SHG-i900, Small, SonyEricsson, Symbian OS, SymbianOS, TS21i-10, UP.Browser, UP.Link, webOS, // Palm Pre, etc. Windows CE, WinWAP, YahooSeeker/M1A1-R2D2
Copier après la connexion

Vous. peut suivre cette liste Ajouter ou remplacer la déclaration de jugement PHP ci-dessus. Mais je recommande quand même les 8 plateformes que j'ai sélectionnées, car les utilisateurs qui utilisent actuellement leur téléphone mobile pour naviguer sur Internet, notamment les blogs personnels, sont essentiellement des acteurs haut de gamme.

De plus, vous pouvez écrire une page simple pour déterminer l'UA de votre téléphone mobile

<?phpecho $_SERVER[&#39;HTTP_USER_AGENT&#39;]; ?>
Copier après la connexion

Enregistrez-la sous ua-test.php, téléchargez-la sur le serveur et utilisez votre téléphone mobile pour accéder à cette page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
php
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal