Apa itu Informasi Browser & Perangkat?

Informasi Browser & Perangkat adalah alat komprehensif yang menampilkan informasi terperinci tentang peramban web Anda, perangkat keras, sistem operasi, dan pengaturan sistem. Ini membantu Anda memahami dengan tepat apa yang dilaporkan peramban Anda ke situs web dan aplikasi melalui string User Agent dan API browser.

Baik Anda seorang pengembang yang sedang men-debug masalah kompatibilitas, teknisi dukungan yang sedang memecahkan masalah pengguna, atau sekadar ingin tahu tentang sistem dan User Agent Anda, alat ini menyediakan semua detail dalam satu tampilan yang teratur.

Table of Contents

1. Apa itu Informasi Browser & Perangkat?
2. Siapa yang Harus Menggunakan Alat Ini?
3. Kategori Informasi
4. Perlindungan Privasi
5. Cara Menggunakan Informasi Browser & Perangkat
6. Melihat Informasi Anda
7. Menyalin Informasi
8. Menggunakan Parser User Agent
9. Menyegarkan Data
10. Fitur dan Kemampuan
11. Deteksi Browser
12. Perangkat & Sistem Operasi
13. Informasi Perangkat Keras
14. Informasi Jaringan
15. Parser User Agent
16. Opsi Ekspor
17. Deteksi Fitur Browser
18. Preferensi Sistem
19. Pertanyaan yang Sering Diajukan

Siapa yang Harus Menggunakan Alat Ini?

Pengembang Web

Uji deteksi peramban, periksa dukungan fitur, dan debug masalah lintas-peramban

Staf Dukungan TI

Kumpulkan informasi sistem dengan cepat saat membantu pengguna memecahkan masalah teknis

Penguji QA

Dokumentasikan detail peramban dan perangkat untuk laporan bug

Pengguna yang Peduli Privasi

Pahami informasi apa yang diungkapkan peramban Anda kepada situs web

Pembelajar yang Penasaran

Pelajari kemampuan dan spesifikasi perangkat Anda

Kategori Informasi

Alat ini menampilkan informasi komprehensif yang diatur ke dalam lima kategori utama:

Info Browser

Nama peramban, versi, mesin perenderan, status cookie, dan string User Agent lengkap

Perangkat & Sistem

Sistem operasi, jenis perangkat, resolusi layar, jumlah inti CPU, dan memori

Perangkat Keras Lanjutan

Detail GPU, dukungan WebGL, status baterai, dan jenis koneksi jaringan

Fitur Browser

Dukungan untuk notifikasi, geolokasi, service worker, dan API modern

Parser User Agent

Analisis dan uraikan string User Agent mana pun untuk mengekstrak informasi peramban, OS, dan perangkat

Perlindungan Privasi

Semua deteksi informasi terjadi sepenuhnya di peramban Anda. Privasi Anda terlindungi sepenuhnya:

Proses sisi-klien: Semua deteksi menggunakan API JavaScript standar peramban tanpa komunikasi eksternal.

Tidak ada transmisi data ke server manapun
Tidak ada penyimpanan atau pencatatan informasi Anda
Tidak ada cookie pelacakan atau analitik terkait data sistem Anda
Informasi yang ditampilkan adalah apa yang sudah dapat diakses situs web melalui peramban Anda

Cara Menggunakan Informasi Browser & Perangkat

Menggunakan alat ini sederhana. Begitu Anda membuka halaman, alat ini otomatis mendeteksi dan menampilkan semua informasi yang tersedia tentang peramban dan perangkat Anda.

Melihat Informasi Anda

Informasi disusun dalam bagian yang jelas dan mudah diakses:

Info Browser

Berada di kiri atas, menampilkan detail peramban Anda termasuk nama, versi, dan string User Agent lengkap

Perangkat & Sistem

Berada di kanan atas, menampilkan sistem operasi, layar, dan informasi perangkat keras Anda

Info Lanjutan

Di bagian bawah, memberikan deteksi perangkat keras dan fitur secara rinci dengan penjelasan yang membantu

Setiap baris menyertakan ikon bantuan yang menjelaskan arti dari informasi tersebut.

Menyalin Informasi

Ada beberapa cara mudah untuk menyalin dan mengekspor informasi sistem Anda:

Salin satu nilai — Arahkan kursor ke baris mana pun dan klik tombol salin yang muncul di sebelah kanan
Salin semua informasi — Klik tombol Salin Semua di bilah aksi untuk menyalin semuanya sebagai teks terformat
Ekspor sebagai JSON — Klik Ekspor JSON untuk mengunduh file terstruktur, berguna untuk laporan bug atau dokumentasi

Menggunakan Parser User Agent

Parser User Agent adalah fitur kuat yang membantu Anda menganalisis string User Agent apa pun:

Temukan bidang User Agent di bagian Info Browser

Textarea menampilkan string User Agent peramban Anda saat ini secara default

Untuk menganalisis User Agent lain, tempelkan string User Agent apa pun ke dalam textarea

Klik Analisis User Agent untuk melihat pemecahannya

Hasil yang diurai menampilkan nama peramban, versi, sistem operasi, dan jenis perangkat yang diekstrak dari string User Agent

Tips pro: Parser User Agent ini sangat berguna ketika Anda menerima string User Agent dalam laporan bug, log server, atau data analitik dan perlu mengidentifikasi peramban, OS, dan perangkat dengan cepat tanpa mendekode format User Agent yang kompleks secara manual.

Menyegarkan Data

Klik tombol Segarkan untuk memperbarui semua informasi. Ini berguna ketika:

Anda telah mengubah koneksi jaringan Anda
Anda memutar perangkat Anda
Anda mengubah ukuran jendela peramban
Anda ingin melihat status baterai atau jaringan yang diperbarui

Beberapa nilai seperti ukuran viewport dan status online diperbarui secara otomatis saat berubah.

Fitur dan Kemampuan

Informasi Browser & Perangkat menyediakan deteksi sistem yang komprehensif dengan berbagai fitur berguna bagi pengembang, profesional TI, dan pengguna yang penasaran.

Deteksi Browser

Secara akurat mengidentifikasi peramban Anda dan kemampuannya dari string User Agent dan API peramban:

Nama & Versi Peramban — Mendeteksi Chrome, Firefox, Safari, Edge, Opera, dan peramban lainnya
Mesin Perenderan — Menampilkan Blink, Gecko, WebKit, atau mesin lainnya
String User Agent — Menampilkan User Agent lengkap yang dilihat situs web
Status Cookie — Menunjukkan apakah cookie diaktifkan atau diblokir
Do Not Track — Menampilkan pengaturan preferensi DNT Anda
Status Online — Indikator koneksi internet secara real-time

Perangkat & Sistem Operasi

Memberikan informasi terperinci tentang perangkat dan sistem Anda:

Sistem Operasi — Mengidentifikasi Windows, macOS, Linux, iOS, Android dengan versi bila tersedia
Jenis Perangkat — Mengklasifikasikan sebagai Desktop, Mobile, atau Tablet
Resolusi Layar — Menampilkan dimensi layar penuh Anda
Ukuran Viewport — Menampilkan area peramban yang terlihat sebenarnya
Rasio Piksel — Penting untuk desain responsif dan layar beresolusi tinggi
Dukungan Sentuh — Menunjukkan kemampuan sentuh dan jumlah titik sentuh

Informasi Perangkat Keras

Menampilkan detail perangkat keras yang tersedia (ketersediaan bervariasi menurut peramban dan pengaturan privasi):

Inti CPU — Jumlah inti prosesor logis
Memori Perangkat — Perkiraan RAM (hanya di Chrome dan Edge)
Informasi GPU — Vendor dan model kartu grafis via WebGL
Status Baterai — Tingkat pengisian saat ini dan status pengisian

Informasi Jaringan

Menampilkan detail koneksi bila tersedia:

Jenis Koneksi — Menampilkan wifi, seluler (4G/5G), ethernet, atau lainnya
Kecepatan Efektif — Perkiraan bandwidth koneksi

Parser User Agent

Parser User Agent bawaan untuk menganalisis dan mengurai string User Agent:

Urai semua User Agent — Tempelkan string User Agent dari log, laporan, atau analitik untuk menganalisisnya
Output terstruktur — Ekstrak informasi peramban, OS, perangkat, dan mesin dari User Agent
Tampilan UA saat ini — Lihat string User Agent Anda sendiri dalam format yang mudah dibaca
Fungsi salin — Mudah menyalin string User Agent Anda untuk pengujian atau pelaporan
Pemecah format — Pahami format User Agent yang kompleks dan arti tiap bagiannya

Opsi Ekspor

Beberapa cara untuk menyimpan dan membagikan informasi:

Salin Nilai Individu — Salin dengan satu klik untuk bidang tertentu
Salin Semua — Dapatkan semua informasi sebagai teks terformat
Ekspor JSON — Unduh file data terstruktur untuk penggunaan teknis

Deteksi Fitur Browser

Memeriksa dukungan fitur web modern dan API:

Notifikasi — Status izin untuk notifikasi push
Geolokasi — Apakah API lokasi tersedia
Service Workers — Dukungan untuk kemampuan offline
WebGL & WebGPU — Ketersediaan API grafis
Penampil PDF — Dukungan PDF bawaan

Preferensi Sistem

Mendeteksi pengaturan aksesibilitas sistem dan peramban Anda:

Skema Warna — Preferensi mode gelap atau terang dari OS Anda
Kurangi Gerakan — Preferensi untuk meminimalkan animasi
Kontras — Preferensi mode kontras tinggi atau rendah untuk aksesibilitas
Tipe Pointer — Perangkat input utama (mouse vs layar sentuh)
Kurangi Transparansi — Preferensi untuk mengurangi efek blur dan transparansi

Preferensi ini membantu situs web dan aplikasi menyesuaikan antarmuka agar sesuai dengan pengaturan sistem Anda, meningkatkan aksesibilitas dan pengalaman pengguna.

Pertanyaan yang Sering Diajukan

Mengapa beberapa nilai menampilkan "N/A"?

Berbagai peramban mendukung API JavaScript yang berbeda. Misalnya:

Memori Perangkat — Hanya tersedia di Chrome dan Edge
Informasi Jaringan — Hanya tersedia di Chrome dan Edge pada Android/Desktop
Status Baterai — Mungkin diblokir demi privasi di beberapa peramban
Detail GPU — Memerlukan dukungan WebGL; beberapa peramban membatasi ini untuk perlindungan fingerprinting

Saat sebuah API tidak tersedia, alat ini menampilkan "N/A" alih-alih menampilkan informasi yang tidak akurat.

Apakah jumlah inti CPU akurat?

API navigator.hardwareConcurrency mengembalikan jumlah prosesor logis, bukan inti fisik. CPU 4-inti dengan hyper-threading akan menampilkan 8 inti logis. Beberapa peramban juga membatasi nilai ini demi alasan privasi.

Mengapa Memori Perangkat menunjukkan nilai perkiraan?

Untuk perlindungan privasi, API Memori Perangkat mengembalikan nilai yang dibulatkan (0.25, 0.5, 1, 2, 4, 8 GB, dll.) daripada ukuran memori yang tepat. Ini mencegah fingerprinting yang terlalu rinci sambil tetap memungkinkan aplikasi web menyesuaikan perilaku untuk perangkat dengan memori rendah.

Bisakah situs web melihat semua informasi ini tentang saya?

Bisa. Semua yang ditampilkan dalam alat ini adalah informasi yang dapat diakses situs web mana pun melalui API peramban standar. Alat ini hanya menyajikannya dalam format yang mudah dibaca. Jika Anda khawatir tentang fingerprinting peramban, pertimbangkan:

Menggunakan ekstensi privasi peramban
Mengaktifkan pengaturan privasi ketat di peramban Anda
Menggunakan peramban dengan perlindungan fingerprinting bawaan seperti Firefox atau Brave

Apa itu string User Agent?

String User Agent (UA) adalah pengenal teks yang dikirimkan peramban Anda secara otomatis ke setiap situs web yang Anda kunjungi. String ini berisi informasi tersandi tentang nama peramban, versi, sistem operasi, dan jenis perangkat Anda. Situs web menggunakan string User Agent untuk menyajikan konten yang sesuai, mendeteksi masalah kompatibilitas, atau mengoptimalkan antarmuka untuk perangkat Anda. Format User Agent distandarisasi tetapi bisa sangat kompleks dan membingungkan, sehingga fitur parser User Agent kami membantu memecahnya menjadi komponen yang mudah dibaca.

Bagaimana saya dapat menggunakan parser User Agent?

Parser User Agent berguna dalam banyak skenario:

Laporan bug — Saat pengguna melaporkan masalah, minta mereka menyalin string User Agent mereka dan menempelkannya ke parser untuk mengidentifikasi peramban dan OS secara tepat
Log server — Analisis string User Agent dari log server web Anda untuk memahami peramban yang mengunjungi situs Anda
Pengujian — Verifikasi bagaimana berbagai string User Agent ditafsirkan
Analitik — Urai data User Agent dari platform analitik Anda

Mengapa GPU saya menunjukkan "Unknown" atau generik?

Beberapa peramban menyembunyikan informasi GPU rinci untuk mencegah fingerprinting. Firefox, misalnya, dapat menampilkan nama renderer generik alih-alih model GPU Anda yang sebenarnya. Ini adalah fitur perlindungan privasi, bukan kesalahan deteksi.

Apakah alat ini bekerja secara offline?

Ya. Setelah halaman dimuat, semua deteksi berlangsung secara lokal di peramban Anda. Anda dapat memutus koneksi internet dan masih melihat informasi peramban serta perangkat Anda (meskipun Status Online akan berubah menjadi "No").

Bagaimana saya dapat menggunakan ini untuk laporan bug?

Klik Ekspor JSON untuk mengunduh file yang berisi semua informasi sistem Anda dalam format terstruktur. Lampirkan file ini ke laporan bug Anda, atau klik Salin Semua dan tempel teksnya langsung ke laporan. Ini memberi pengembang detail pasti tentang lingkungan Anda.

Mengapa versi peramban saya berbeda dari yang saya harapkan?

Deteksi versi peramban membaca dari string User Agent, yang mungkin tidak selalu mencerminkan versi yang terpasang secara tepat. Selain itu, beberapa peramban (terutama yang berbasis Chromium) memiliki nomor versi yang serupa di seluruh keluarga dan mungkin memiliki string User Agent yang mirip. Versi yang terdeteksi seharusnya sesuai dengan yang Anda lihat di halaman "About" peramban Anda. Jika User Agent telah dimodifikasi oleh ekstensi atau alat privasi, versi yang terdeteksi mungkin berbeda.

Apa itu pengaturan Preferensi?

Bagian Preferensi menampilkan pengaturan tingkat sistem yang memengaruhi bagaimana situs web menampilkan konten:

Skema Warna — Pengaturan mode gelap/terang OS Anda
Kurangi Gerakan — Pengaturan aksesibilitas untuk meminimalkan animasi (membantu pengguna yang sensitif terhadap gerakan)
Kontras — Mode kontras tinggi untuk visibilitas lebih baik
Tipe Pointer — Apakah input utama Anda berupa mouse yang presisi atau layar sentuh yang kasar

Pengembang web menggunakan preferensi ini untuk membuat antarmuka adaptif yang secara otomatis menghormati pilihan Anda.