Cara Redirect ke Website Mobile

11/12/2017    Maykhel David    860     Website

Saat ini siapa diantara kalian yang tidak tahu facebook? Tentu saja kalian pasti tahu facebook, facebook adalah salah satu jejaring social paling besar yang ada saat ini. Dan Indonesia adalah salah satu negara penduduknya yang paling banyak atau mayoritas menggunakan facebook. Dan kalian pasti tahu jika facebook juga memiliki website versi mobile yang bisa diakses melalui sub domain m.facebook.com. sub domain tersebut adalah website facebook yang dibuat dengan tampilan berbeda yang memang di khususkan untuk dibuka pada browser perangkat mobile.

Pada saat ini sudah ada fitur website responsive yang dimana pada saat membangun website kita hanya perlu membangun satu halaman website saja yang secara otomatis layout yang kita buat akan menyesuaikan pada ukuran device yang sedang dipakai. Namun tahukah kalian bahwa tidak semua website harus dibuat responsive?

Mengapa tidak semua website harus responsive? Saat ini kita kembali lagi pada konten atau isi dari website tersebut, jika website tersebut pada posisi desktop memiliki gambar dan komponen yang kompleks maka seharusnya website tersebut tidak dibuat responsive. Mengapa demikian? Karena ketika dibuka pada perangkat mobile akan sangat mungkin mengalami lag karena resource yang terlalu berat dan banyak.

Untuk menghindari hal tersebut maka kita harus mengantisipasinya dengan dua cara, yaitu dengan mengidentifikasi UserAgent dari device tersebut atau dengan mendeteksi lebar layar device tersebut

Untuk mengambil atau mengidentifikasi useragent dari device yang digunakan kita bisa gunakan property navigator pada javascript, contohnya adalah seperti ini.

var isMobile = function() {

   console.log("Navigator: " + navigator.userAgent);

   return /(iphone|ipod|ipad|android|blackberry|windows ce|palm|symbian)/i.test(navigator.userAgent);

 };

 

Dengan fungsi diatas kita bisa memanfaatkan user agent untuk melakukan redirect menggunakan window.location.

Berikut ini juga salah satu cara menggunakan identifikasi terhadap layar device yang digunakan.

if (window.screen.width < 768) {
   window.location = 'm.websitesaya.com'; 
 }

 

Dengan baris kode javascript diatas kita bisa langsung melakukan redirect halaman ke versi mobile. Baiklah teman teman demikian artikel kali ini yang membahas tentang cara melakukan redirect ke website versi mobile. Semoga bermanfaat.

Saat ini siapa diantara kalian yang tidak tahu facebook? Tentu saja kalian pasti tahu facebook, facebook adalah salah satu jejaring social paling besar yang ada saat ini. Dan Indonesia adalah salah satu negara penduduknya yang paling banyak atau mayoritas menggunakan facebook. Dan kalian pasti tahu jika facebook juga memiliki website versi mobile yang bisa diakses melalui sub domain m.facebook.com. sub domain tersebut adalah website facebook yang dibuat dengan tampilan berbeda yang memang di khususkan untuk dibuka pada browser perangkat mobile.

Pada saat ini sudah ada fitur website responsive yang dimana pada saat membangun website kita hanya perlu membangun satu halaman website saja yang secara otomatis layout yang kita buat akan menyesuaikan pada ukuran device yang sedang dipakai. Namun tahukah kalian bahwa tidak semua website harus dibuat responsive?

Mengapa tidak semua website harus responsive? Saat ini kita kembali lagi pada konten atau isi dari website tersebut, jika website tersebut pada posisi desktop memiliki gambar dan komponen yang kompleks maka seharusnya website tersebut tidak dibuat responsive. Mengapa demikian? Karena ketika dibuka pada perangkat mobile akan sangat mungkin mengalami lag karena resource yang terlalu berat dan banyak.

Untuk menghindari hal tersebut maka kita harus mengantisipasinya dengan dua cara, yaitu dengan mengidentifikasi UserAgent dari device tersebut atau dengan mendeteksi lebar layar device tersebut

Untuk mengambil atau mengidentifikasi useragent dari device yang digunakan kita bisa gunakan property navigator pada javascript, contohnya adalah seperti ini.

var isMobile = function() {

   console.log("Navigator: " + navigator.userAgent);

   return /(iphone|ipod|ipad|android|blackberry|windows ce|palm|symbian)/i.test(navigator.userAgent);

 };

 

Dengan fungsi diatas kita bisa memanfaatkan user agent untuk melakukan redirect menggunakan window.location.

Berikut ini juga salah satu cara menggunakan identifikasi terhadap layar device yang digunakan.

if (window.screen.width < 768) {
   window.location = 'm.websitesaya.com'; 
 }

 

Dengan baris kode javascript diatas kita bisa langsung melakukan redirect halaman ke versi mobile. Baiklah teman teman demikian artikel kali ini yang membahas tentang cara melakukan redirect ke website versi mobile. Semoga bermanfaat.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More