TestersLesson 69Preview gratis
Responsive Tester
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Responsive tester menampilkan situs pada berbagai ukuran viewport untuk memeriksa tampilan di ponsel, tablet, dan desktop. Kamu dapat menguji breakpoint, orientasi, serta perubahan layout tanpa harus membuka banyak perangkat. Hasil simulasi tetap perlu dibandingkan dengan pengujian di perangkat nyata.
Poin kunci
- Meta viewport wajib ada agar lebar halaman mengikuti perangkat
- Breakpoint adalah lebar layar tempat layout berubah
- Pendekatan mobile-first umumnya memakai media query min-width
- Uji orientasi portrait dan landscape serta ukuran teks
- Simulator tidak menangkap semua perbedaan performa dan perilaku sentuh
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.