Cata Testing Responsive Sebuah Web dengan Google Chrome

Bagi anda web developer mungkin sudah tidak asing dengan bahasa Responsive layout, atau yang sudah terbiasa membuat web baik dari Scratch atau yang cuma install template.

Selama ini saya menggunakan Fasilitas dari Firefox untuk melakukan testing apakah template/theme saya sudah responsive atau belum. Namun ternyata di chrome juga ada loh tool untuk melakukan testing responsive atau engga nya sebuah tampilan web.

Tool dari google chrome ini lebih lengkap, karena ada fasilitas untuk menentukan contoh device yang membuka web tersebut seperti gambar di bawah ini:

google Chrome mobile emulator
google Chrome mobile emulator

 

Oke langsung saja ke caranya yah, bisa pilih salah satu.

  • Press F12 (or Cmd+Alt+l on a Mac)
  • Click Developer Tools under View -> Developer
  • Klik kanan di mana saja dan pilih Inspect Element
  • CTRL+Shift+i

Testing responsive web dengan google chrome mobile emulator

google chrome emulator

Dah gitu aja, simple dan ga ribet dan juga keren. Selamat mencoba.

Published by

Hadie Danker

Masih belajar tentang seluk beluk web design dan web apps. Setiap hari bercengkrama di localhost untuk memenuhi hasrat belajar dan mengembangkan pengetahuan.

Leave a Reply