Ab Oktober 2010 ist das mobile Web eine große und schnell wachsenden Markt . Die meisten PHP-Entwickler wollen schließlich ihre Website für Handys. Moderne Handys können Seiten mit HTML gemacht , genau wie normale Webseiten . Allerdings haben sie unterschiedliche Bildschirmgrößen und unterschiedliche Fähigkeiten , im Vergleich zu einem Standard-Computer , so müssen Sie Ihre mobilen Seiten unterschiedlich zu gestalten. Sie müssen wissen, wenn ein Besucher mit einem Mobiltelefon , so dass Sie ihn umleiten kann Ihr speziell entwickelten mobilen Seiten Anleitung
eine mobile Spiegel Ihrer Website
1
erstellen reguläre Version Ihre Web-Seite und eine mobile Version . Für dieses Tutorial erstellen Sie eine Testseite von jedem Typ. Erstens , nutzen Sie Ihre Lieblings-Text -Editor, um eine Datei namens " example.php " erstellen und den folgenden HTML drin :
< p >
hallo, Welt !
auf mobile Go Website
< /body>
< /html>
Diese Seite zeigt " hallo, Welt!" in sehr großen Text. Auf einem Computer , wird es leicht zu lesen. Auf einem Handy , wird es zu überwältigen den Bildschirm. Sie müssen also eine Handy-freundliche Version dieser Seite erstellen
2
Stellen Sie eine neue Datei im Text-Editor , nennen es " mobile_example.php " - und setzen diese in HTML vor: .
hallo, Mobile World !
zu Standard- Website gehen
< /body>
< p>
Diese Version wird " hallo, Mobile World ! " bei der Handy- Standard Textgröße .
3
hochladen beide Dateien in den obersten Ordner Ihrer Website. Verwenden Sie FTP oder Ihre Web-Hosting, die Datei-Upload- Funktion , dies zu tun .
Erkennen , ob der Benutzer auf einem Telefon
4
herunterladen und installieren Sie das Modul PHPBrowsCap . Gehen Sie auf die Download-Seite PHPBrowsCap und laden Sie die ZIP-Datei. Doppelklicken Sie auf die ZIP- Datei, um sie zu entpacken. Im Inneren wird ein Ordner namens " phpbrowscap . " In diesem Ordner wird eine weitere namens " browscap . " Erstellen Sie einen neuen Ordner im " browscap " namens " Cache " - . Dann laden " browscap " zum obersten Ordner Ihrer Website
Dieses Modul wird Ihnen nützliche Informationen über Ihre Besucher Web-Browsern. PHP verfügt über eine eingebaute Funktion namens " get_browser ()" , die das gleiche tut. Aber " get_browser () " nicht für die Mehrheit der gehosteten Websites arbeiten , und Menschen mit Standard- Web-Hosting sind nicht in der Lage , die notwendigen Änderungen vorzunehmen , um " get_browser ()" zu arbeiten . PHPBrowsCap ersetzt " get_browser ()" mit etwas, dass Sie in der Lage zu ändern und zu aktualisieren, wie Sie brauchen.
5
Erstellen Sie Ihre mobilen Browser Detection Code . Sie können diesen Code in einen eigenen separaten Datei zu schreiben, oder geben Sie es an der Spitze Ihrer example.php Datei
Starten Sie den PHPBrowsCap Klasse mit diesem Code: . ?
< Php
require ' browscap /Browscap.php ';
$ browscap = new browscap ( ' browscap /cache ');
Dies wird uns einen PHPBrowsCap Objekt, das wir nutzen können . Als nächstes erhalten Sie Informationen über den Benutzer- Web-Browser mit diesem Code:
$ users_browser = $ browscap -> getBrowser ();
Wir haben jetzt ein Objekt, das eine Vielzahl von Informationen über die Benutzer- Web-Browser. Als nächstes ermitteln , ob der Benutzer über ein Telefon . Wenn sie auf einem Telefon sind , leiten sie an die mobile Version unserer Seite . Wenn sie nicht auf einem Handy sind , nichts zu tun.
If ($ users_browser -> isMobileDevice ) {
$ path = explode ('/' , $ _SERVER [" SCRIPT_NAME "] ) ;
$ lan = $ path [count ( $ path) - 1];
header (" HTTP/1.1 301 Moved Dauerhaft ");
header ("Location . : ? mobile_ " $ lan ); }
>
6
Fügen Sie Ihren Code zur Erkennung an die Spitze der example.php und laden Sie sie auf Ihren Website.
7
Testen Sie Ihre Arbeit . Besuchen example.php auf Ihrem Computer und Sie sollten Ihre Web-Seite mit 'Hallo , Welt! " in großen Text . Wenn Sie auf Ihrem Telefon example.php besuchen, sollten Sie auf " mobile_example.php " umgeleitet werden und werden sehen, " Hallo, Mobile World ! " auf Ihrem Bildschirm.
Versuchen Sie dieses Tutorial mit anderen Dateinamen als gut. Einen regulären PHP-Web- Seite und dann eine mobile Version der gleichen Seite. Nennen Sie die mobile Version " mobile_ " durch den Namen der Standard-Version folgte . Legen Sie Ihre Entdeckung Code am Anfang eines jeden Standard-Version zu sehen. Ihre auf die mobile Version umgeleitet sollte für jedes Paar von Seiten zu arbeiten.
