Yo! Selamat siang kawan, di tutorial kali ini gw mau membagikan cara yang cukup absurd, maybe :'v
Jadi intinya kita akan menggunakan salah satu fitur di google chrome yang memanipulasi ukuran layar, ya begitulah pokoknya 😂
Yups! nama fiturnya adalah Chrome Developer Tools, oke langsung saja ke tkp :
PERSIAPAN :
1. Google Chrome versi terbaru (di tutorial ini w make Version 56.0.2924.87 (64-bit))
NOTE: nama Google Developer Tools gw singkat jadi DevTools, biar ga panjang"
CARA MENGAKSES DEVTOOLS :
- Masuk ke Chrome Menu (
), atau
- Dengan cara klik kanan pada halaman manapun lalu pilih Inspect Element.
Berikut ini adalah shortcuts untuk membuka Devtools :
- Gunakan Ctrl+Shift+I (atau Cmd+Opt+I di Mac) untuk membuka DevTools.
- Gunakan Ctrl+Shift+J (atau Cmd+Opt+J di Mac) untuk membuka DevTools dan lebih fokus ke Console.
- Gunakan Ctrl+Shift+C (atau Cmd+Shift+C di Mac) untuk membuka DevTools di Inspect Element mode, atau toggle Inspect Element mode jika the DevTools sudah dibuka sebelumnya.
Device :
Oke here we go!
***Memang fungsi sebnarnya dari devtools ini adalah untuk mengetes tingkat ke-responsive-an suatu website, ada juga fungsi-fungsi lain seperti debungging Javascript, dan masih banyak lagi
Sekian tutorial kali ini,
Semoga bermanfaat :)
No comments:
Post a Comment