Info Peramban & Layar

Resolusi layar adalah jumlah total piksel yang dapat ditampilkan layar Anda, ditulis sebagai lebar × tinggi — misalnya 1920 × 1080 (Full HD) atau 2560 × 1440 (QHD). Alat ini membacanya langsung dari browser Anda menggunakan API JavaScript screen.width dan screen.height, dan menampilkannya seketika saat halaman dimuat. Tidak perlu instalasi apa pun, dan hasilnya identik di monitor desktop, MacBook dengan layar Retina, ponsel Android, maupun iPad. Berbeda dengan memeriksa Windows Display Settings atau macOS System Information, alat ini menunjukkan resolusi yang benar-benar dilaporkan browser — yang bisa berbeda dari pengaturan fisik layar ketika display scaling sedang aktif.

Resolusi layar adalah ukuran piksel penuh dari layar fisik Anda. Viewport adalah area halaman web yang terlihat di dalam jendela browser, diukur dalam piksel CSS. Viewport hampir selalu lebih kecil karena tidak menyertakan toolbar browser, address bar, scrollbar, dan taskbar sistem operasi. Pada layar berdensitas tinggi, nilainya juga berbeda karena device pixel ratio — panel Retina selebar 2560 piksel dengan DPR 2 melaporkan viewport CSS sekitar 1280px. Viewport adalah nilai yang benar-benar direspons oleh media query CSS Anda, sehingga desainer responsif lebih memperhatikannya dibanding resolusi layar mentah. Alat ini menampilkan kedua nilai berdampingan dan memperbaruinya secara live saat Anda mengubah ukuran jendela.

Ada dua alasan yang saling terkait. Pertama, viewport tidak menyertakan elemen browser — tab, address bar, bookmarks bar, scrollbar — serta taskbar OS, sehingga hanya sebagian dari total layar. Kedua, pada layar berdensitas tinggi (MacBook Retina, ponsel Android modern, monitor 4K dengan scaling), browser melaporkan piksel logis CSS, bukan piksel fisik. Monitor selebar 2560 piksel dengan device pixel ratio 2 melaporkan viewport sekitar 1280 piksel CSS. Anda bisa memperkirakan jumlah piksel fisik dengan mengalikan lebar viewport CSS dengan nilai DPR, yang juga ditampilkan alat ini. Konteks ini penting bagi developer web yang menguji layout responsif dan untuk memahami mengapa tangkapan layar terlihat buram pada resolusi CSS 1×.

Device pixel ratio (DPR) adalah jumlah piksel fisik yang digunakan layar Anda untuk merender satu piksel logis CSS. Monitor desktop 1080p standar memiliki DPR 1 — satu piksel fisik per piksel CSS. Kebanyakan smartphone modern (iPhone, Samsung Galaxy, Pixel) dan MacBook Retina menggunakan DPR 2 atau 3, itulah sebabnya teks dan gambar tampak lebih tajam di layar tersebut. DPR juga berubah secara dinamis saat Anda melakukan zoom in atau zoom out di browser, sehingga alat ini memperbarui nilainya secara real time. Mengetahui DPR penting untuk menyajikan gambar dengan ukuran yang tepat dan memahami mengapa elemen UI dapat terlihat berbeda pada tingkat skala yang berbeda.

Halaman ini mendeteksi nama browser Anda — Chrome, Edge, Firefox, Safari, Opera, Samsung Internet, dan lainnya — beserta nomor versinya yang persis dan rendering engine di baliknya (Blink untuk Chrome/Edge, Gecko untuk Firefox, WebKit untuk Safari). Pada browser berbasis Chromium, alat ini memakai API modern User-Agent Client Hints (navigator.userAgentData) untuk versi yang akurat dan terkini, dan beralih ke parsing string user-agent klasik pada browser lain. Mengetahui versi browser Anda yang persis penting saat sebuah website meminta Anda memperbarui browser, saat Anda mengirim laporan bug, atau saat memeriksa apakah fitur web tertentu didukung di versi Anda saat ini.

String user agent adalah baris teks yang dikirim browser Anda bersama setiap permintaan HTTP, yang mengidentifikasi nama dan versi browser, rendering engine, sistem operasi, dan tipe perangkat. Website menggunakannya untuk menentukan layout, fitur, dan konten yang disajikan. String ini tampak samar karena lapisan kompatibilitas historis — Chrome masih menyertakan token 'Mozilla/5.0' dan 'Safari' demi alasan warisan lama, padahal ia bukan keduanya. Alat ini menampilkan string user-agent mentah Anda secara lengkap dalam blok klik-untuk-salin, plus uraian terjemahan dalam bahasa yang mudah dipahami, sehingga Anda tak perlu menguraikannya secara manual. Ini cara tercepat mengambil UA Anda untuk laporan bug atau tiket dukungan.

Jika Anda membangun atau menguji website responsif, layout Anda berubah pada lebar viewport tertentu yang disebut breakpoint. Alat ini menampilkan breakpoint mana yang sedang aktif berdasarkan nilai default Tailwind CSS — sm (640px), md (768px), lg (1024px), xl (1280px), dan 2xl (1536px) — dan memperbarui labelnya secara live saat Anda mengubah ukuran jendela browser. Dengan begitu Anda dapat memastikan media query mana yang berlaku pada ukuran jendela tertentu tanpa membuka developer tools. Ini sangat berguna untuk memverifikasi layout pada breakpoint tablet atau ponsel dengan cepat saat Anda tidak memiliki perangkat fisik, atau untuk menguji perilaku website pada lebar viewport tertentu.

Cukup banyak: ukuran layar, viewport, device pixel ratio, zona waktu, bahasa, font terpasang (via Canvas), GPU renderer, level baterai (di sebagian browser), keberadaan layar sentuh, skema warna pilihan Anda (mode gelap atau terang), kecepatan koneksi, dan puluhan atribut lainnya. Jika digabungkan, semuanya membentuk 'browser fingerprint' yang dapat mengidentifikasi Anda dengan akurasi tinggi lintas website, bahkan di mode incognito, bahkan tanpa cookie. Peneliti di proyek Panopticlick milik EFF menemukan bahwa fingerprint browser lengkap mengidentifikasi lebih dari 80% pengguna secara unik. Melihat atribut fingerprint Anda sendiri di sini adalah pemeriksaan privasi mandiri yang baik sebelum menjelajahi situs sensitif.

Tidak ada data yang dikirim ke mana pun. Setiap nilai yang ditampilkan — resolusi layar, viewport, user agent, GPU, zona waktu, breakpoint CSS, color gamut, dan semua bacaan lainnya — dibaca menggunakan API JavaScript browser standar dan ditampilkan sepenuhnya lokal di tab browser Anda. Tidak ada yang diunggah ke server, tidak ada yang dicatat, dan kami tidak pernah melihat alamat IP Anda karena itu memerlukan komunikasi bolak-balik dengan server. Ini pilihan desain yang disengaja yang membedakan UtiloKit dari banyak situs 'what is my browser' lain yang melakukan panggilan server untuk memeriksa IP atau data fingerprint Anda. Anda aman menggunakan alat ini dengan perangkat rahasia atau di jaringan korporat.

Color depth adalah jumlah bit yang digunakan untuk mengodekan warna setiap piksel — 24-bit ('true color') mendukung 16,7 juta warna dan merupakan yang paling umum. Color gamut adalah rentang warna yang dapat dihasilkan layar Anda: sRGB adalah gamut standar web, Display P3 mencakup sekitar 25% warna lebih banyak dan digunakan di iPhone, iPad Pro, serta Mac terbaru, sementara Rec. 2020 mencakup rentang yang lebih luas lagi dan digunakan di monitor sinema profesional. HDR (high dynamic range) berarti layar Anda dapat menampilkan highlight yang lebih terang dan bayangan yang lebih gelap dibanding rentang dinamis standar. Alat ini mendeteksi ketiganya melalui fitur media CSS — matchMedia('(color-gamut: p3)') dan sejenisnya — bila didukung browser Anda.

Refresh rate diperkirakan dengan menghitung berapa banyak frame animasi yang digambar browser selama sekitar satu detik menggunakan requestAnimationFrame, lalu membulatkannya ke rate standar terdekat (60, 90, 120, 144, 165, 240 Hz). Ini estimasi yang andal, bukan pembacaan langsung dari hardware melalui OS. Hasil pengukuran bisa turun jika perangkat atau browser sedang bekerja berat — throttling GPU, tugas latar belakang, atau mode hemat daya semuanya dapat menurunkan angka yang teramati di bawah kemampuan maksimum panel. Untuk hasil paling stabil, jalankan pengujian di tab yang tidak sibuk dengan aplikasi lain ditutup, dan biarkan angkanya stabil selama beberapa detik.

Ya, sepenuhnya. Alat ini benar-benar responsif dan membaca API browser yang sama di iOS Safari dan Android Chrome seperti di desktop. Di ponsel, Anda mendapatkan resolusi layar fisik perangkat, dimensi viewport CSS (yang berbeda dari resolusi layar pada ponsel ber-DPI tinggi), device pixel ratio (umumnya 2 atau 3 pada flagship modern), tipe perangkat (mobile), kemampuan layar sentuh, orientasi (portrait atau landscape), dan level baterai. Putar perangkat Anda, maka dimensi viewport, orientasi, dan aspect ratio semuanya diperbarui secara real time. Ini sangat berguna untuk memeriksa spesifikasi persis yang dilaporkan ponsel Anda ke website dibandingkan yang tertulis di lembar spesifikasi produsen.

WhatIsMyBrowser.com dan BrowserLeaks.com sama-sama melakukan permintaan sisi server untuk melaporkan alamat IP publik Anda dan menjalankan fingerprinting tambahan — artinya data memang keluar dari perangkat Anda. WhatIsMyBrowser.com mengenakan biaya untuk akses API dan mewajibkan pendaftaran email untuk sebagian fitur. BrowserLeaks berfokus pada peneliti keamanan dan mencantumkan puluhan vektor fingerprinting dalam tabel padat. Panopticlick milik EFF (kini Cover Your Tracks) juga berorientasi riset keamanan dengan kegunaan minimal. Alat info browser UtiloKit sengaja tidak menampilkan IP publik Anda karena itu memerlukan panggilan server, dan justru ketiadaan panggilan server itulah jaminan privasinya. Fokusnya adalah informasi yang ramah developer, mudah disalin, dan mudah dipindai — versi browser, viewport, DPR, breakpoint aktif — dalam tata letak dasbor terkelompok dengan klik-untuk-salin di setiap nilai plus ekspor JSON lengkap.

Bisa. Klik baris mana pun untuk menyalin satu nilai itu ke clipboard secara instan. Gunakan tombol 'Copy Summary' untuk menyalin semua nilai terdeteksi sebagai teks polos terformat — berguna untuk ditempel ke tiket dukungan, laporan bug, atau channel tim. Tombol 'Download JSON' mengekspor seluruh dataset sebagai file JSON terstruktur, yang berguna untuk mencatat informasi perangkat pada suatu titik waktu, membandingkan hasil antar perangkat, atau diolah oleh skrip dan tooling. Semua operasi ini terjadi sepenuhnya di browser Anda — tanpa server, tanpa login, dan tanpa penyimpanan jarak jauh.