Buat beberapa orang kadang kepingin tahu bagaimana sih tampilan sebuah web ketika dibuka di mobile gadget, tapi males untuk bukanya langsung di gadgetnya. 😀

nah biasanya orang akan menggunakan semacam extension atau add-on khusus untuk mengubah tampilan web desktop menjadi mobile page.

ternyata, google chrome browser bisa mengubah mode desktop jadi mobile page tanpa bantuan extension apapun. yaitu menggunakan mode Developer Tools.

untuk mengaksesnya, klik pada icon titik tiga di pojokan kanan atas, kemudian klik more tools, lalu klik Developer Tools.
atau kalau pakai keyboard shortcut, bisa pencet tombol F12, atau Ctrl-Shift-I.

menu Developer Tools
menu Developer Tools

nah, kemudian window akan terbelah dua, biasanya membuka ke bawah, tapi ada juga yang membuka ke samping.
tapi yang pasti ada icon Toggle Device Toolbar, atau shortcut keyboardnya Ctrl-Shift-M.

Device mode
Device mode

klik pada icon Toggle Device Toolbar tersebut

mobile page mode
mobile page mode

dan seketika tampilan layar webnya akan mengecil seperti tampilan pada mobile gadget.

nah kalau mau kembali lagi ke tampilan web desktop, tutup saja window Developer Tools ini, dan jika kembali ke mode Developer Tools, akan masih tampil sebagai mobile, sampai icon Toggle Device Toolbar diklik ulang.

Another post
https dan SSL
https dan SSL

memegang hak guna domain snydez.com dari tahun 2000an, barulah akhirnya kini domain ini menggunakan SSL, sehingga yang tadinya hanya http Read more

free image hosting untuk blog
free image hosting untuk blog

UPDATED 17-Jul-2017. DO NOT USE IMGSAFE.ORG, it deleted my pictures without my knowing, now most posting in my blog have Read more

berkarya dengan ASUS ZenBook Flip S
berkarya dengan ASUS ZenBook Flip S

kalau ditanya apa yang sedang gue pengenin saat ini, pasti gue akan jawab: laptop! laptop gue saat ini umurnya sudah Read more

produk digital, tapi diperlakukan bak fisik
produk digital, tapi diperlakukan bak fisik

materai ada bentuk digitalnya, e-meterai, sebagai benda digital, tapi perlakuannya sama dengan barang fisik

yang serunya, bukan hanya sekedar mengecilkan layar biar kesannya responsive, tapi memang disimulasikan menjadi mobile page. kalau ga percaya coba aja buka web yang mempunyai fungsi berbeda ketika dibuka di desktop dan di mobile, misal instagram.
jika di desktop, web instagram belum ada tombol upload foto, tapi jika diubah jadi mobile, maka tombol camera akan muncul untuk bisa upload foto.