Cara Cek Blog Mobile-Friendly Tanpa HP (1)

Nah, sebenarnya tips & trik ini berawal dari ketidak sengajaan mengecek responsive desain blog yang saya gunakan. Jadi waktu itu ceritanya saya tidak berniat untuk ganti theme blog ini, tapi waktu browsing saya mencari info tentang responsive design untuk blog, tidak sengaja saya menemukan sebuah design yang sangat saya sukai.

Oke, setelah di perbaiki sana-sini, dengan merubah sedikit skema html dan css-nya dengan komputer, saya berkata apakah setelah saya reDesign responsive-nya berubah atau tidak yah?, lalu saya mau mencobanya melalui handphone. Tapi sayangnya waktu itu pulsa internet hp saya kebetulan sedang habis. Ahh, nanti saja dech ngeceknya kalau sudah beli pulsa, begitu pikir saya. (walaupun bisa di cek juga dengan menggunakan tool online)

Ya sudah, akhirnya saya meneruskan merubah, tampilan. Nah dari sinilah ketidak sengajaan itu berasal. Saya setiap kali melihat kode html atau css yang ingin saya ubah selalu menggunakan bantuan Inspect Element (periksa elemen) punya google chrome. Dan ternyata Inspect element ini juga bisa untuk mengecek kompetible responsive desin untuk blog (dengan cara yang tidak resmi dan cara yang resmi)... hmm seru yah seperti apa caranya.


Cara Simple Mengecek dengan Browser Google Chrome

1. Cara yang tidak resmi

Pertama kali buka blog kamu,
kemudian klik kanan di mana saja
lalu pilih Inspect Element (periksa elemen)

Lihat gambar, pada ujung sebelah pojok kanan di KLIK sehingga yang tadi inspect element itu berbentuk landscapes (horizontal)

menjadi berbentuk vertikal Dan tarik ke sebelah kiri, sehingga bentuknya menyempit.

Waktu sudah menyempit Kadang memang kurang optimal dengan cara ini. Cara mengatasinya di resfresh/di segarkan saja browser-nya, dan lihat.

2. Cara Yang Resmi

Nah, kalao yang di atas cara yang tidak resmi. Tetapi di browser google chrome di sediakan juga cara yang resmi dengan menggunakan tool namanya Toggle Device Mode.

Seperti apa cara settingnya? sangat mudah hanya tinggl meng-klik icon gambar handphone Toggle Device Mode (lihat gambar atas)

Untuk mobile view Pada Device pilih yang paling bawah : Mulai dari Nokia Lumia 520, Nokia N9, Samsung Galaxy Note 3, Samsung Galaxy Note II, Samsung Galaxy SIII dan Samsung Galaxy4


((: mudah yah??...

Wah, akhirnya... bisa, juga mengecek apakah desain yang saya gunakan masih responsive atau tidak??,

ternyata masih.

Mungkin cara simple ini bisa juga di terapkan buat kamu,

mudah2an,... ;)
selamat mencoba tips dan trik mengecek responsive design blog kamu tanpa bantuan handphone smart phone :))