Periksa dan edit gaya CSS secara real-time
Alat pengembang gratis yang kuat untuk melihat properti CSS yang dihitung dari elemen apa pun secara instan.
Debug dan kontrol animasi CSS secara real-time
Kontrol penuh atas setiap animasi CSS dan transisi di halaman web mana pun.
Konversi CSS elemen ke kelas Tailwind
Klik elemen apa pun dan dapatkan kelas Tailwind yang setara secara instan.
Visualisasikan struktur tata letak halaman
Tambahkan garis tepi berwarna ke setiap elemen HTML untuk melihat struktur halaman.
Dapatkan kelas Tailwind terkategorisasi
Periksa elemen dan hasilkan breakdown kelas Tailwind CSS yang cocok.
Tampilan pohon HTML visual
Tampilkan struktur DOM lengkap sebagai overlay pohon visual di halaman.
Deteksi komponen React, Vue, Angular, dan Svelte
Identifikasi framework frontend secara otomatis dan tampilkan pohon komponen lengkap.
Seret dan lepas untuk memindahkan elemen
Klik elemen apa pun dan seret ke posisi baru tanpa kode.
Hapus atau alihkan visibilitas elemen
Hapus atau sembunyikan elemen apa pun dengan satu klik.
Ekspor sebagai HTML, CSS, atau JSON
Klik dan ekspor struktur lengkap dalam tiga format.
Hasilkan komponen React, Vue, dan Svelte
Ubah elemen menjadi file komponen siap produksi.
Tangkap area terlihat atau seluruh halaman
Tangkap gambar berkualitas tinggi dalam dua mode.
Lihat, pilih, dan unduh semua gambar
Pindai halaman dan tampilkan semua gambar dalam galeri.
Temukan, pratinjau, dan unduh setiap SVG
Temukan setiap SVG — inline, eksternal, sprite, dan data URI.
Ganti gambar apa pun dengan milik Anda
Klik gambar dan ganti — unggah file atau tempel URL.
Buat kode QR secara instan
Buat kode QR untuk URL halaman saat ini atau teks kustom.
Penggaris dan panduan presisi piksel
Tambahkan penggaris dan garis panduan gaya Photoshop.
Pratinjau beberapa perangkat sekaligus
Tampilkan halaman dalam beberapa ukuran viewport berdampingan.
Ukur jarak piksel yang tepat
Klik dua elemen dan lihat jarak yang tepat secara instan.
Visualisasikan konteks tumpukan dan lapisan z-index
Ungkapkan urutan tumpukan lengkap setiap elemen.
Periksa CSS Grid dan Flexbox dengan overlay visual
Deteksi setiap kontainer dan tampilkan struktur sebagai overlay berwarna.
Simulasikan titik perhatian pengguna
Hasilkan peta panas prediksi perhatian berdasarkan pola riset UX.
Hapus cache, cookie, localStorage secara selektif
Hapus jenis data penjelajahan tertentu untuk situs saat ini dengan cepat.
Deteksi setiap teknologi di balik situs web
Pindai situs web dan identifikasi tech stack lengkap.
Audit SEO lengkap: Meta Tag, Heading, OpenGraph
Berikan audit SEO instan dan komprehensif untuk halaman web apa pun.
Audit WCAG Otomatis: Kontras, Alt Text, ARIA
Jalankan pemeriksaan WCAG 2.1 Level AA otomatis di halaman mana pun.
Klik teks apa pun untuk mengedit secara instan
Buat setiap elemen teks di halaman dapat diedit dengan satu klik.
Ganti font secara global atau per elemen
Ganti font apa pun dengan font dari Google Fonts.
Temukan setiap font yang digunakan
Pindai halaman dan tampilkan inventaris lengkap setiap keluarga font.
Alat pipet presisi untuk HEX, RGB dan HSL
Alat pipet presisi piksel untuk memilih warna dari elemen apa pun.
Ekstrak palet warna lengkap
Pindai elemen dan ekstrak set warna yang diurutkan berdasarkan frekuensi.
Terapkan mode gelap di situs apa pun secara instan
Terapkan skema warna gelap di situs yang tidak menyediakannya.
Aktifkan atau nonaktifkan JavaScript secara instan
Nonaktifkan atau aktifkan kembali JavaScript untuk tab saat ini dengan satu klik.
Lihat, edit, tambah dan hapus cookie
Tampilkan semua cookie dalam tabel yang rapi dan dapat diurutkan.
Lihat output konsol di panel mengambang
Tangkap semua output konsol dalam panel mengambang di halaman.
Pantau semua permintaan jaringan secara real-time
Tangkap dan tampilkan setiap permintaan jaringan secara real-time.
Lihat dan edit localStorage dan sessionStorage
Antarmuka tabel untuk mengelola localStorage dan sessionStorage.
Pindai setiap tautan dan temukan yang rusak
Pindai dan identifikasi tautan rusak (404, timeout, error).
Dashboard kinerja instan
Ringkasan kinerja instan untuk halaman web apa pun.
Format, Minify & Validasi JSON dalam Satu Klik
JSON Formatter mempercantik tampilan (pretty-print), mengecilkan (minify), dan memvalidasi JSON langsung di browser Anda.
Encode String Ke & Dari Base64 Secara Instan
Base64 Encoder/Decoder mengonversi teks ke Base64 dan Base64 kembali ke teks langsung di browser Anda.
Encode & Decode String URL dalam Satu Klik
URL Encoder/Decoder mengonversi string URL ke dan dari bentuk percent-encoded.
Encode & Decode HTML Entity Secara Instan
HTML Entity Encoder mengonversi karakter khusus (< > & " ') ke padanan HTML entity (< > & " ') dan sebaliknya.
Escape & Unescape String untuk Kode
Backslash Escape/Unescape mengonversi string ke dan dari bentuk ter-escape (\n \t \r \" \' \\ dan Unicode escape).
Konversi Gambar Ke & Dari Data URI Base64 Secara Instan
Image ↔ Base64 mengonversi file gambar (PNG, JPG, SVG, WebP, GIF) ke data URI terenkode Base64 dan sebaliknya.
Dekode JSON Web Token Secara Instan
JWT Debugger mendekode dan memeriksa JSON Web Token — mengurai header, payload, dan tanda tangan, menampilkan klaim…
Hasilkan Identitas UUID v4 Secara Massal
UUID Generator menghasilkan identitas UUID v4 yang kuat secara kriptografis menggunakan API kripto bawaan browser.
Hitung Hash MD5, SHA-1, SHA-256, SHA-384, SHA-512
Hash Generator menghitung hash kriptografis (MD5, SHA-1, SHA-256, SHA-384, SHA-512) dari input teks apa pun.
Hasilkan Kata Sandi yang Kuat Secara Kriptografis
Password Generator menghasilkan kata sandi acak yang kuat menggunakan API keacakan kriptografis bawaan browser.
Uji Ekspresi Reguler Langsung Dengan Sorotan Kecocokan
Regex Tester mengevaluasi ekspresi reguler terhadap teks uji secara real-time.
Konversi Tanggal Unix, ISO, dan Dapat Dibaca Manusia
Timestamp Converter menerjemahkan antara timestamp Unix (detik, milidetik, mikrodetik, nanodetik), ISO 8601, RFC 2822…
Bandingkan Dua Blok Teks Baris demi Baris
Diff Tool membandingkan dua blok teks dan menyoroti baris yang ditambahkan, dihapus, dan tidak berubah dengan keluaran berkode warna.
Periksa Rasio Kontras WCAG dari Dua Warna Apa Pun
Contrast Checker menghitung rasio kontras WCAG 2.1 antara dua warna dan memberi peringkat terhadap ambang AA/AAA untuk teks normal dan besar.
Konversi HEX, RGB, HSL, HSV & OKLCH Secara Instan
Color Format Converter menerjemahkan warna apa pun antara HEX, RGB, HSL, HSV, dan OKLCH.
Ekstrak Palet Dominan Dari Gambar Apa Pun
Image Color Extractor menganalisis file gambar apa pun (lepas, tempel, atau klik untuk memuat) dan menampilkan hingga…
Dapatkan Pemilih CSS & XPath Untuk Elemen Apa Pun
DOM Path Finder memungkinkan Anda mengarahkan kursor ke elemen apa pun di halaman untuk mengungkapkan pemilih CSS unik…
Uji Permintaan Lintas-Asal & Inspeksi Header CORS
CORS Checker menguji apakah permintaan lintas-asal dari situs Anda akan diizinkan oleh server target.
Tangkap Bingkai WebSocket Secara Real-Time
WebSocket Inspector menangkap setiap bingkai WebSocket — dikirim dan diterima — di semua koneksi di halaman.
Pindai Halaman untuk Gambar Rusak Secara Instan
Broken Image Finder memindai setiap <img> dan background-image CSS di halaman, mendeteksi beban yang gagal (404…
Isi Otomatis Formulir dengan Data Uji Realistis
Form Filler mengisi setiap kolom formulir yang terlihat di halaman dengan data uji yang realistis — nama, email…
Konversi Antara CSV dan JSON di Salah Satu Arah
Konverter CSV ↔ JSON menangani perjalanan pulang-pergi penuh antara dua format tabular paling umum.
Format, Validasi & Lihat XML Dengan Penyorotan Sintaks
XML Formatter mencetak dengan indah, meminimalkan, dan memvalidasi XML di browser.
Cantikkan & Format Kueri SQL
SQL Formatter mengubah SQL yang diminimalkan atau berantakan menjadi kueri yang dapat dibaca dan tertarik.
Simpan Halaman Web Sebagai PDF Bersih
Convert to PDF menyimpan halaman web saat ini sebagai PDF melalui dialog cetak browser, dengan gaya ramah cetak diterapkan terlebih dahulu.
