Cara menggunakan Simulator Perangkat Website
- Masukkan alamat website kamu lalu klik Pratinjau.
- Pilih ukuran HP, tablet, laptop, atau desktop, lalu gunakan Putar untuk mode landscape.
- Gunakan Bandingkan untuk melihat tampilan HP, tablet, dan laptop secara berdampingan.
- Tambahkan ukuran sendiri di Tambah perangkat kustom. Ukuran tersebut disimpan di browser ini.
Apa yang ditampilkan simulator ini
Simulator memuat halamanmu sesuai lebar dan tinggi perangkat, jadi layout responsif dan breakpoint CSS-mu akan berperilaku seperti di ukuran tersebut. Cara ini cepat untuk menemukan layout yang rusak, teks yang terpotong, dan tabel yang melebihi area.
Apa yang tidak bisa ditampilkan
Ini bukan perangkat asli. Simulator tidak mengubah mesin browser, jadi ukuran iPhone di sini tetap berjalan di browser kamu sendiri. Fitur yang bergantung pada user agent atau perangkat sentuh bisa berbeda. Sebelum rilis, uji di HP sungguhan, atau gunakan mode perangkat di browser untuk detail yang lebih lengkap.
Kenapa sebagian situs tampil kosong
Banyak situs mengirim header X-Frame-Options atau aturan frame-ancestors, yang mencegah situs dimuat di dalam halaman lain. Saat alat ini mendeteksinya, alat akan menampilkan screenshot asli pada ukuran perangkat tersebut, sehingga kamu tetap bisa memeriksa layout, tetapi tautan dan scroll tidak berfungsi. Untuk tangkapan seluruh halaman, gunakan alat Screenshot Website Mobile.
Apakah ukuran perangkatnya akurat?
Ukuran tersebut adalah nilai viewport umum dalam piksel CSS, bukan resolusi fisik. Browser sungguhan memakan sebagian tinggi untuk toolbar-nya, jadi anggap ukuran ini sebagai panduan kasar.
Juga dicari sebagai: cek desain responsif, uji website di mobile, tes website responsif, tes website di berbagai perangkat, simulator iphone online, tes ukuran layar, tampilan website di ipad, tampilan mobile website.
Tool yang cocok dipakai bersama Simulator Perangkat Website
- Screenshot Website — Masukkan URL dan dapatkan screenshot full-page yang diambil di browser Chrome asli, dengan lebar desktop, tablet, atau ponsel dan resolusi hingga 3× (Retina), serta banner cookie yang disembunyikan.
- Resolusi Layar Saya — Ukuran layar dan jendela browser dalam piksel CSS, device pixel ratio, serta resolusi fisik sebenarnya, diukur langsung oleh browser kamu.
- Tes Touch Screen — Sentuh area di bawah untuk melihat setiap jari yang terdeteksi layarmu.
- Uji Kecepatan Halaman — Jalankan Google Lighthouse pada URL apa pun untuk tampilan mobile atau desktop.