Maak een reguliere versie van uw web- pagina en een mobiele versie . Voor deze tutorial maak een voorbeeldpagina van elk type . Ten eerste , gebruik uw favoriete tekstverwerker om een bestand genaamd " example.php " te creëren en zet de volgende HTML erin :

Hello, World ! < /p>

Ga naar mobiel site < /a > < /p> < /body >

< /html >

Deze pagina wordt weergegeven " Hello, World ! " in zeer grote tekst . Op een computer , zal het gemakkelijk zijn om te lezen . Op een telefoon , zal het scherm te overweldigen . Dus je moet een mobiel - vriendelijke versie van deze pagina creëren kopen van 2

Maak een nieuw bestand in uw tekstverwerker , noem het " mobile_example.php " - en zet deze HTML erin : . < br

style="font-size: 100%"> Hallo , Mobile World ! < /p >

Ga naar standaard site < /a > < /p> < /body >

< /html >

Deze versie zal " Hallo , Mobile World ! " weer te geven op de telefoon standaard tekstgrootte .
3

Upload beide bestanden naar de bovenste map van uw website . Gebruik FTP of uw web hosting bestandsservice 's uploaden functie om dit te doen .
Detecteren Als de gebruiker is op een telefoon

Download 4 en installeer de PHPBrowsCap module . Ga naar de PHPBrowsCap download pagina en download het zip-bestand . Dubbelklik op het zip- bestand om het uit te pakken . Binnen zal een map genaamd " phpbrowscap . " In die map zal een andere genaamd worden " browscap . " Maak een nieuwe map in " browscap " genaamd " cache " - . Vervolgens uploaden " browscap " naar de bovenste map van uw website

Deze module laat u nuttige informatie over webbrowsers van uw bezoekers te krijgen. PHP heeft een ingebouwde functie genaamd " get_browser ( ) " , dat hetzelfde doet . Maar " get_browser ( ) " werkt niet voor de meerderheid van de gehoste websites , en mensen met een standaard web- hosting zijn niet in staat om de noodzakelijke veranderingen te maken " get_browser ( ) " aan het werk . PHPBrowsCap vervangt " get_browser ( ) " met iets dat je in staat bent om te wijzigen en bij te werken als u wilt.
5

Maak je mobiele browser detectie code . U kunt deze code te schrijven in zijn eigen apart bestand , of typ het op de top van uw example.php bestand

Start de PHPBrowsCap klasse met deze code : . ?

vereisen ' browscap /Browscap.php ' ;

$ browscap = new browscap ( ' browscap /cache ' ) ;

Dit zal ons een PHPBrowsCap object te geven die we kunnen gebruiken . Vervolgens krijgt informatie over de webbrowser van de gebruiker met deze code :

$ users_browser = $ browscap - > getBrowser ( ) ;

We hebben nu een object met een heleboel informatie over de gebruiker webbrowser . Vervolgens detecteren of de gebruiker op een telefoon . Als ze op een telefoon , redirect ze naar de mobiele versie van onze pagina . Als ze niet op een telefoon , niets doen .

If ( $ users_browser - > isMobileDevice ) {

$ path
= explode ( ' /' , $ _SERVER [ " SCRIPT_NAME " ] ) ;

$ pagename
= $ path [ count ( $ path ) - 1 ] ;

header
( " HTTP/1.1 301 Moved Permanently " ) ;

header
( " Location . : ? mobile_ " $ pagename ) ;

}

>
6

Voeg uw detectie code naar de top van example.php en upload deze naar uw website .

Test 7 uw werk . Bezoek example.php op uw computer en u moet uw webpagina te zien met " Hello, World ! " in grote tekst . Als je example.php bezoeken op uw telefoon moet u doorgestuurd naar " mobile_example.php " en zal zien " Hallo , Mobile World ! " op uw scherm .

Probeer deze tutorial met andere bestandsnamen ook. Maak regelmatig een PHP web pagina en vervolgens een mobiele versie van dezelfde pagina . Noem de mobiele versie " mobile_ " gevolgd door de naam van de standaard versie . Zet uw detectie code aan de bovenkant van elke standaarduitvoering pagina . Uw omleiden naar de mobiele versie moeten werken voor elk paar pagina's .