Pemeriksa Resolusi Layar

Laporan ini dihitung secara lokal dari API standar browser. Tidak ada yang diunggah, disimpan, atau dibagikan.

Ini laporan piksel CSS, bukan kebenaran perangkat keras: browser dan penskalaan OS dapat mengubah angka ini sehingga bisa berbeda dari resolusi asli panel.

Layar

—

Ukuran penuh layar sebagaimana dilaporkan browser, dalam piksel CSS.

Desktop tersedia

—

Layar dikurangi taskbar dan dock — ruang yang bisa dipakai jendela maximized.

Viewport browser

—

Area halaman saat ini; ubah ukuran jendela dan angkanya diperbarui langsung.

Rasio piksel perangkat

—

Piksel asli panel di balik piksel CSS — kalikan untuk mendapat ukuran fisik.

Orientasi: —

Kedalaman warna: —

Jenis penunjuk: —

Gamut warna: —

Perkiraan refresh rate

—

Frame dihitung selama 2 detik. Hasil dibatasi vsync dan browser menunda tab latar belakang, jadi anggap ini estimasi batas bawah, bukan angka lembar spesifikasi.

Cara kerja

Empat kartu utama membaca empat persegi bersarang. window.screen.width/height melaporkan display penuh menurut browser; availWidth/availHeight mengurangi chrome OS (taskbar, dock) yang tak bisa ditutupi jendela maximized; innerWidth/innerHeight mengukur area halaman yang benar-benar dirender dan mengukur ulang setiap perubahan ukuran; dan devicePixelRatio mengalikan piksel CSS itu ke piksel fisik panel.

Piksel CSS vs piksel perangkat: Piksel CSS adalah unit tata letak web, dan pada display HiDPI ("retina") satu piksel CSS digambar dengan 2×2 atau 3×3 piksel layar asli — pengali itulah rasio piksel perangkat. Viewport selebar 1280 piksel CSS pada ponsel DPR 2 sebenarnya 2560 piksel panel. Kartu DPR mengalikan lebar dan tinggi layar dengan rasio untuk menampilkan angka fisik, dan zoom browser atau skala OS mengubah angka CSS-nya, bukan panelnya.
Mengapa availWidth lebih kecil dari width: Sistem operasi mencadangkan jalur desktop untuk taskbar, dock, atau menu bar, dan availWidth/availHeight melaporkan sisa persegi panjangnya. Display 1920 × 1080 dengan taskbar Windows biasanya melaporkan sekitar 1920 × 1040; pada monitor kedua tanpa chrome kedua angka bisa sama, dan pada ponsel keduanya melaporkan pandangan browser tentang layar, yang memang perkiraan.
Media query untuk penunjuk dan gamut: Chip kemampuan berasal dari tes matchMedia: (pointer:fine) berarti presisi tinggi seperti mouse/trackpad, (pointer:coarse) berarti sentuh, dan (hover:hover) berarti kursor bisa melayang di atas elemen — ponsel melaporkan coarse dan tanpa hover. (color-gamut: p3) menjawab apakah display mampu warna lebih lebar dari sRGB, dan pengestim refresh sekadar menghitung callback requestAnimationFrame selama dua detik, jadi ia melaporkan capaian browser, bukan kemampuan panel.

Pertanyaan yang sering diajukan

Bisakah saya melihat resolusi native monitor sesungguhnya?

Tidak dapat diandalkan dari halaman web. Browser dengan sengaja menampilkan angka CSS yang sudah diskalakan, bukan mode hardware panel, dan skala OS, zoom browser, serta layar penuh mengubah angka-angka itu. Untuk angka native, lihat pengaturan tampilan di OS Anda (Windows: Pengaturan > Sistem > Tampilan; macOS: Tentang Mac Ini) atau menu OSD monitor itu sendiri — keduanya membaca perangkat keras langsung.

Mengapa angkanya berubah saat zoom atau HiDPI?

Karena semua nilai di sini dalam piksel CSS. Zoom 200% membagi dua viewport dan ukuran layar yang dilaporkan; layar HiDPI mempertahankan angka CSS tetapi menaikkan devicePixelRatio, sehingga tiap piksel CSS digambar dengan lebih banyak piksel asli. Kartu DPR menunjukkan ekuivalen piksel fisik agar kedua lapisan terlihat sekaligus.

Ponsel saya menampilkan angka berbeda saat diputar — salah?

Bukan: memutar menukar lebar dan tinggi di semua bacaan, dan kartu viewport mengukur ulang saat orientasi berubah. Notch dan bar sistem juga menggeser angka desktop tersedia, yang merupakan perilaku normal API ini.

Perkiraan menyebut 60 padahal layar saya 120 Hz — kenapa?

Browser menyinkronkan frame animasi dengan vsync dan umumnya membatasi di 60 Hz kecuali halaman ditandai kritis-animasi; mode hemat daya juga menahannya. Bacaan ~60 pada panel 120 Hz adalah batas browser, bukan cacat layar — halaman ini hanya menunjukkan yang benar-benar dicapainya.

Apakah ada yang diunggah ke server?

Tidak. Laporan ini disusun dari API lokal browser (window.screen, matchMedia, requestAnimationFrame) di dalam halaman ini dan tidak pernah dikirim. Tombol salin hanya menaruh teks di clipboard Anda sendiri.

Cara kerja

Pertanyaan yang sering diajukan

Bisakah saya melihat resolusi native monitor sesungguhnya?

Mengapa angkanya berubah saat zoom atau HiDPI?

Ponsel saya menampilkan angka berbeda saat diputar — salah?

Perkiraan menyebut 60 padahal layar saya 120 Hz — kenapa?

Apakah ada yang diunggah ke server?

Alat terkait