Multi Screen Device with Chrome browser


Pernah kesulitan mendesign website dengan responsive feature ??
bayangkan repotnya jika kita sebagai developer - masa harus punya segala macem merek gadged tersebut ...
Engga kan - Chrome menawarkan solusi mudah untuk hal tersebut ..caranya dengan menekan tombol F12 - maka akan muncul console dibawah browser. Atau klik menu chrome dipojok kanan kemudian pilih tools -- developer tools
-- untuk pertama kali menggunakannya kita harus mengklik icon mobile dipojok kiri bawah
seperti gambar ini

Nah sekarang tinggal pilih deh device apa yang akan digunakan 
contoh Ipad 3 atau  4 sperti contoh



-- hebatnya emlation ini - device yg terdeteksi di web analisis adalah benar2 dari OS dan device yg kita emulasi kan .... keren yah chrome ... ckckckckck

Sekarang kita dengan mudahnya - mencoba apakah design kita sudah sesuai apa belom didevice yg kita maksud ...

smoga bermanfaat

TRANSLATE this Page

Posting Komentar

0 Komentar