|
En Octobre 2010 , le web mobile est un marché énorme et en pleine croissance . La plupart des développeurs PHP veulent faire éventuellement leur site web adapté pour les téléphones . Les téléphones modernes peuvent afficher des pages faites avec le langage HTML , tout comme des pages Internet ordinaires . Cependant, ils ont différentes tailles d'écran et des capacités différentes , par rapport à un ordinateur standard , donc vous devez concevoir vos pages mobiles différemment . Vous devez savoir quand un visiteur utilise un téléphone mobile de sorte que vous pouvez le rediriger vers votre portable spécialement conçu pages Instructions
Créer un miroir mobile de votre site web
1 Créer une version régulière de votre page Web et une version mobile. Pour ce tutoriel , créez une page de l'échantillon de chaque type. Tout d'abord, utilisez votre éditeur de texte préféré pour créer un fichier appelé " example.php " et mettre le code HTML suivant dedans:
Bonjour tout le monde ! Photos Aller au mobile site < /p> Photos Photos Photos Cette page affiche " Bonjour tout le monde ! " en très gros caractères . Sur un ordinateur , il sera facile à lire. Sur un téléphone, il va submerger l'écran. Vous devez donc créer une version mobile conviviale de cette page
2 Faire un nouveau fichier dans votre éditeur de texte , appelez-le " mobile_example.php " - et a mis cette HTML en elle : .
Bonjour , mobile World ! Photos Aller au site standard Photos Photos < p> < /html> Photos Cette version affiche " Bonjour , mobile World ! " au format texte standard du téléphone.
3 Téléchargez les deux fichiers dans le dossier racine de votre site. Utilisez FTP ou votre hébergement le dossier de service de téléchargement fonction pour ce faire.
Détecter si l'utilisateur est sur un téléphone
4 télécharger et installer le module de PHPBrowsCap . Accédez à la page de téléchargement PHPBrowsCap et télécharger le fichier zip. Double-cliquez sur le fichier zip à décompresser . Inside sera un dossier appelé " phpbrowscap . " Dans ce dossier sera un autre appelé " browscap . " Créer un nouveau dossier dans " browscap » appelé «cache» - . Ensuite télécharger " browscap " dans le dossier en haut de votre site
Ce module vous permettra d'obtenir des informations utiles sur les navigateurs web de vos visiteurs. PHP dispose d'une fonction intégrée appelée « get_browser ()" qui fait la même chose . Mais " get_browser ()" ne fonctionne pas pour la majorité des sites Web hébergés , et les personnes atteintes d'hébergement web standard sont incapables d'apporter les changements nécessaires pour rendre " get_browser ()" pour fonctionner. PHPBrowsCap remplace " get_browser ()" avec quelque chose que vous êtes capable de modifier et de mettre à jour que vous avez besoin .
5 Créez votre code de détection de navigateur mobile. Vous pouvez écrire ce code dans son propre fichier séparé, ou taper dans le haut de votre fichier example.php
Démarrez la classe PHPBrowsCap avec ce code: . ?
< PHP
require ' browscap /Browscap.php ';
$ browscap = new browscap (' browscap /cache ');
Cela nous donnera un objet PHPBrowsCap que nous pouvons utiliser . Ensuite, obtenir des informations sur le navigateur de l'internaute avec ce code:
$ users_browser = $ browscap -> getBrowser ();
Nous avons maintenant un objet contenant une foule d'informations sur de l'utilisateur navigateur Web. Ensuite, détecter si l'utilisateur est sur un téléphone . Si elles sont sur un téléphone , les rediriger vers la version mobile de notre page. Si elles ne sont pas sur un téléphone , ne rien faire.
If ($ users_browser -> isMobileDevice ) {
$ path = explode ( '/' , $ _SERVER [" SCRIPT_NAME "] ) ;
$ pagename = $ path [ count ( $ path ) - 1 ] ; tête de
( " HTTP/1.1 301 Moved Permanently "); tête de
( "Location . : ? mobile_ "$ pagename ) ;
}
>
6 Ajoutez votre code de détection au sommet de example.php et de le transférer à votre site.
7 tester votre travail . Visitez example.php sur votre ordinateur et vous devriez voir votre page web avec " Bonjour tout le monde ! " en gros caractères . Si vous visitez example.php sur votre téléphone, vous devriez être redirigé vers " mobile_example.php " et vous verrez " Bonjour , Mobile World ! " sur votre écran.
Essayez ce tutoriel avec d'autres noms de fichiers ainsi . Faire une page web PHP régulière , puis une version mobile de la même page. Nommez la version mobile » mobile_ " suivi du nom de la version standard. Mettez votre code de détection en haut de chaque page de la version standard. Votre rediriger vers la version mobile devrait fonctionner pour chaque paire de pages .
|
