Redirekcija na Mobilnu Verziju Sajta Pomoću JavaScript-a

28 maj 2012
Redirekcija na Mobilnu Verziju Sajta Pomoću JavaScript-a

Poznato je da mobilni uređaji kao što su pametni telefoni, tableti i slični uređaji zauzimaju sve češću i važniju ulogu u našim životima zbog svoje praktičnosti i lakoće svakodnevnog korišćenja u pokretu. Iz tog razloga, većina današnjih sajtova ima i svoju mobilnu verziju, odvojenu od standardne verzije za korisnike desktop ili notebook računara. Ako planirate izradu mobilne verzije vašeg sajta, ili je već imate spremnu, trebate da preusmerite mobilne korisnike na nju. Postoji više tehnika preusmeravanja na mobilnu verziju sajta, a ovaj jednostavan JavaScript kôd je samo jedna od njih.

Redirekcija za mobilne uređaje

<script type="text/javascript">
if (screen.width < 700) {
    document.location = "mobilni_sajt.html";
}
</script>

Napisani kôd iznad je prilično jednostavan za razumeti: ako je širina ekrana manja od 700px, preusmeri korisnika na mobilnu verziju sajta. Ova tehnika može biti adaptirana i da učitava alternativni CSS stil koji će biti prilagođen mobilnim uređajima.

A to bi izgledalo ovako:

<script type="text/javascript">
if (screen.width < 700) {
    document.write('<link rel="stylesheet" href="/mobile.css" type="text/css" />');
}
</script>

 

Redirekcija za iPhone/iPad

<script type="text/javascript">
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i))) {
   location.replace("http://url-za-slanje-na/iphone.html");
}
</script>

 

Ove skripte stavljate unutar <head> odeljka vašeg html-a.

Bojan Dimitrovski

Bojan Dimitrovski

Computer Science Engineer. Zaljubljen u sve na web-u i oko njega. Front-end developer i HTML5/CSS3 entuzijasta. Zainteresovan za nove medije. U slobodno vreme praši klavijature i gitaru.

Web: bojandimitrovski.com/ E-mail: Ova adresa el. pošte zaštićena je od spam napada, treba omogućiti JavaSkript da biste je videli

Social Profiles

DreamWeb Hosting

Arena @ Twitter

Arena @ Facebook