Inspektur halaman
Analisis halaman web mana pun secara langsung — font, warna, gambar, dan SVG-nya. Berjalan sebagai bookmarklet di situs mana pun.
Demo langsung — ini menganalisis halaman ini. Pasang bookmarklet di bawah untuk memeriksa situs mana pun.
Menganalisis halaman ini…
Gunakan di halaman mana pun (bookmarklet)
Ingin memakai Inspektur halaman tanpa meninggalkan halaman yang sedang dibuka? Seret tombol di bawah ke bilah bookmark Anda, lalu klik di situs web mana pun untuk membuka Inspektur halaman di sana — berjalan sepenuhnya di browser Anda.
Gunakan dengan bijak: Bookmarklet berjalan di halaman tempat Anda mengkliknya. Hindari situs sensitif seperti perbankan online, pembayaran, atau kesehatan — Anda menggunakannya dengan risiko sendiri. Semua diproses secara lokal dan tidak ada data yang dikirim ke mana pun. Lihat Ketentuan kami.
- Tampilkan bilah bookmark jika tersembunyi — Ctrl+Shift+B (⌘+Shift+B di Mac).
- Seret tombol di atas ke bilah bookmark.
- Buka situs web mana pun dan klik bookmark — panel Inspektur halaman muncul di kanan atas. Gunakan ✛ untuk berpindah sudut, dan ›/‹ untuk melipatnya ke tepi lalu menariknya kembali.
- Klik bookmark lagi (atau ✕) untuk menutupnya.
Catatan: beberapa situs dengan kebijakan keamanan ketat dapat memblokir bookmarklet.
Contoh
Identifikasi font situs
Masukan
Klik bookmarklet di halaman mana pun → tab Font
Keluaran
Inter — 400/600/700 · 142× Roboto Mono — 400 · 18×
Ekstrak palet warna
Masukan
Tab Warna
Keluaran
#111827 · 308 #2563EB · 47 #F9FAFB · 22 (klik untuk salin hex)
Daftar gambar dengan format & ukuran
Masukan
Tab Gambar
Keluaran
logo.svg — SVG hero.webp — WEBP · 1600×900
Tentang alat ini
Inspektor Halaman adalah penganalisis halaman web gratis yang mengungkap bagaimana situs langsung mana pun dibangun: font yang dirender, palet warnanya, setiap gambar dan SVG inline, tautannya, dan ikhtisar teknis cepat. Ia berjalan sepenuhnya di browser Anda tanpa unggahan, jadi cara cepat dan privat untuk menemukan font di situs, mengekstrak warna, mengaudit gambar, atau mengambil ikon SVG — apakah Anda desainer yang merekayasa balik tata letak, pengembang yang men-debug, atau sekadar penasaran.
Cara pakai
- Coba demo langsung di atas — ia menganalisis halaman ini sendiri di tab Ikhtisar, Font, Warna, Gambar, SVG, dan Tautan.
- Untuk memeriksa situs lain mana pun, seret tombol Inspektor Halaman di bawah ke bilah bookmark Anda.
- Buka situs mana pun dan klik bookmark — sebuah panel terbuka di atasnya.
- Ganti tab untuk membaca font-nya, menyalin warna hex, membuka gambar, atau menyalin markah SVG inline.
Apa yang diperiksa
- Font — keluarga font yang benar-benar dirender, dengan ketebalan dan miring, diurutkan menurut penggunaan.
- Warna — warna teks, latar, dan garis sebagai hex, diurutkan menurut frekuensi agar warna merek muncul lebih dulu.
- Gambar — setiap <img> ditambah gambar latar CSS, dengan format dan dimensi asli.
- SVG — ikon SVG inline dengan pratinjau dan salin markah sekali klik.
- Tautan — semua tautan dibagi menjadi internal dan eksternal.
- Ikhtisar — judul, meta deskripsi, canonical, jumlah node DOM, jumlah skrip/lembar gaya, dan perkiraan ukuran HTML.
Karena ia membaca halaman yang dirender, ia melaporkan font dan warna yang benar-benar dilihat pengguna, bukan hanya yang dideklarasikan di lembar gaya. Untuk membangun tag SEO yang ditampilkannya, pasangkan dengan Generator Meta Tag.
Penggunaan yang bertanggung jawab
Inspektor Halaman adalah alat pengembang dan pembelajaran untuk menganalisis struktur, gaya, dan media sebuah halaman — informasi yang sama yang sudah diekspos oleh alat pengembang bawaan browser Anda. Ia tidak menyalin, menyimpan, atau mendistribusikan ulang konten: gambar dan video terbuka di tab baru, dan kode SVG ditampilkan hanya untuk pemeriksaan. Semua gambar, video, dan SVG yang Anda lihat tetap milik pemilik aslinya (situs web dan penulisnya). Anda sepenuhnya bertanggung jawab atas cara Anda menggunakan apa yang ditampilkannya; jangan menggunakan kembali aset berhak cipta tanpa izin. Lihat Ketentuan Penggunaan kami.
Pertanyaan yang sering diajukan
Apa yang ditampilkan Inspektor Halaman?
Ia menganalisis halaman web langsung dan mencantumkan font-nya (dengan ketebalan), warna yang dipakai untuk teks, latar, dan garis, setiap gambar (dengan format dan dimensi), SVG inline, tautan (internal vs eksternal), serta ikhtisar cepat — judul, deskripsi, jumlah node DOM, ukuran HTML, dan lainnya.
Bagaimana memeriksa situs lain, bukan hanya ini?
Seret tombol Inspektor Halaman ke bilah bookmark, buka situs mana pun, lalu klik bookmark itu. Sebuah panel terbuka di atas halaman itu menampilkan font, warna, gambar, SVG, dan tautannya. Demo di halaman ini menjalankan analisis yang persis sama pada halaman yang sedang Anda baca.
Apakah saya perlu memasang ekstensi?
Tidak. Ini bookmarklet — bookmark biasa yang alamatnya adalah potongan kecil JavaScript. Tidak ada yang perlu dipasang dan tidak ada izin yang diberikan; ia hanya berjalan saat Anda klik, dan hanya pada tab yang Anda lihat.
Apakah ia menemukan font yang dipakai sebuah situs?
Ya. Ia membaca font-family terkomputasi dari setiap elemen teks, jadi melaporkan font yang benar-benar dirender di layar (bukan hanya yang dideklarasikan di CSS), beserta ketebalan dan apakah miring dipakai. Cara cepat mengidentifikasi tipografi situs mana pun.
Bisakah ia mengekstrak palet warna sebuah halaman?
Ya. Ia mengumpulkan warna teks, latar, dan garis setiap elemen, mengonversinya ke hex, dan mengurutkannya berdasarkan frekuensi kemunculan, sehingga warna merek dominan naik ke atas. Klik contoh warna mana pun untuk menyalin kode hex-nya.
Apakah data saya diunggah ke suatu tempat?
Tidak. Semuanya berjalan secara lokal di browser Anda — inspektor hanya membaca halaman yang sedang Anda buka dan tidak pernah mengirim apa pun ke server. Tanpa pendaftaran dan sepenuhnya gratis.
Mengapa beberapa gambar atau warna hilang?
Inspektor membaca DOM yang dirender, jadi gambar yang dimuat malas di bawah lipatan, konten di dalam iframe lintas asal, atau gaya yang diterapkan setelah Anda klik mungkin tidak muncul sampai berada di halaman. Pindai ulang setelah menggulir atau berinteraksi untuk menangkapnya.