Brug Mobile-Detect, Responsiv design

Alle hjemmesider skal i dag kunne ses både på mobil, tablet og computer. Det kan laves på mange forskellige måder, og en af dem vil jeg vise her. Koden der her vist, laver et check på hvilket enhed der er i brug, og man kan så “redirecte” brugeren til en anden side, eller hente en specifik CSS fil eller lignede.

Classen der bliver brugt, skal inkluderes i din php, og kan hentes på githubhttps://github.com/serbanghita/Mobile-Detect

Med koden kan man sende brugeren direkte videre til sit mobil site, hvis brugeren kommer fra en mobil.
I index.php kan det gøres således:

<?php
require_once 'Mobile_Detect.php';  // filen hentes fra github, og hentes ind i din php her
$objMobile = new Mobile_Detect;
 
if($objMobile ->isMobile()) { // Hvis det er en mobil
 header('Location: http://m.preface.dk/'); //send brugeren vidre til mobil site
 exit;
}
?>

Der findes også andre metoder i filen fra github, blandt andet kan man lave det sådan her:

<?php
if( $detect->isTablet()) {
 // Redirect til tablet side eller hent stylesheet der optimere siden til tablet
} 
if( $detect->isMobile() && !$detect->isTablet()) {
 // Ekskludere tablets og kun mobil 
}
if( $detect->isiOS()) {
 // Er det iOS så opfør dig sådan
}
if( $detect->isAndroidOS()) {
 // Er det android så opfør dig sådan
}

if( $detect->isWindowsPhoneOS()) {
 // Selv et check til windows phone
}

?>

Man kan i alle ovenstående tilfælde vælge at “redirecte” til en specifik side eller blot inkludere et CSS der manipulere siden så den ser flot ud på den pågældende enhed.

 

 

Skriv en kommentar

Din email adresse vil ikke blive vist offentligt.


*