Ko nas ne prati sajt mu nikad ne bio #kizaapruvd

Redirekcija na Mobilnu Verziju Sajta Pomoću JavaScript-a

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

7 komentara
  • marko marko Ponedeljak, 28 maj 2012 09:27

    vecina danasnjih sajtova koji vode racuna o uredjaju sa kojeg korisnik pristupa stranici, koriste "responsive design" koji css-om menja izgled, odnosno prilagodjava elemente velicini ekrana.

    Link komentara
  • Nenad Antić Nenad Antić Utorak, 29 maj 2012 09:31

    To je oblast za sebe koju bi trebalo da pokrijemo uskoro.

    Link komentara
  • marko marko Utorak, 29 maj 2012 10:38

    #samokazem -__-

    Link komentara
  • Nenad Antić Nenad Antić Petak, 01 jun 2012 12:20

    Nisam nista zlonamerno mislio i ja sam samo rekao :) na zalost kod nas jos uvek nema toliko svesti o responsive dizajnu tako da mislim da je ovo korisno za sad.

    Link komentara
  • Vladimir Vladimir Sreda, 19 septembar 2012 15:17

    Iskreno mislim da je ovo losa praksa. Treba koristiti 301 redirect kako ne bi doslo do dupliranja kontenta.
    Znaci da se redirekcija uradi na serveru ili pak koristiti responsive design.

    Link komentara
  • aleksandar aleksandar Četvrtak, 27 septembar 2012 10:45

    ja vise volim responsive design :)

    Link komentara
  • Sasa Sasa Četvrtak, 24 januar 2013 20:27

    a ako iskljucim js u browseru :)

    Link komentara
Ostavi komentar
DreamWeb Hosting

Arena @ Twitter

 
Web Arena Drugari iz Yellow Quince traže ilustratora posao novisad http://t.co/RX3Pv6HfVx RT RT
Petak, 26 april 2013 07:47
 
Web Arena RT @awwwards: 15 Creative and Innovative websites integrated with Facebook and Twitter: http://t.co/MdLQgRdBks
Utorak, 23 april 2013 15:19
 
Web Arena RT @srbodroid Odlično uputstvo za grafičke dizajnere za Android http://t.co/L1J4dsdJvL
Ponedeljak, 22 april 2013 14:37

Arena @ Facebook