Menggunakan Device Mode pada Chrome DevTools untuk membangun situs web yang mengedepankan perangkat seluler dan sepenuhnya responsif. Pelajari cara menyimulasikan beragam perangkat dan kemampuannya.
Intinya
- Emulasikan situs Anda di seluruh ukuran dan resolusi perangkat yang berbeda, termasuk layar Retina.
- Buat desain yang responsif dengan memvisualkan dan menginspeksi kueri media CSS.
- Evaluasi kinerja situs Anda menggunakan emulator jaringan, tanpa memengaruhi lalu lintas ke tab lain.
- Simulasikan masukan perangkat secara akurat untuk kejadian sentuh, geolokasi, dan orientasi perangkat
Beralih Device Mode
Tekan tombol Device Mode untuk mengaktifkan atau menonaktifkan Device Mode.
Saat Device Mode aktif, ikon berwarna biru
(
).
Saat tidak aktif, ikon berwarna abu-abu
(
).
Device Mode diaktifkan secara default.
Anda juga bisa mengalihkan Device Mode dengan menekan Command+Shift+M (Mac) atau Ctrl+Shift+M (Windows, Linux). Untuk menggunakan pintasan ini, mouse harus berfokus pada jendela DevTools. Jika berfokus pada tampilan yang terlihat, Anda akan memicu pintasan alihkan pengguna di Chrome.