Pemeriksaan dan Penyuntingan Gaya CSS Masa Nyata
CSS Inspector adalah alat pembangun yang berkuasa yang membolehkan anda melihat semua sifat CSS mana-mana elemen hanya…
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 container 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 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 & Sahkan JSON Dengan Satu Klik
JSON Formatter memformatkan (pretty-print), meminify, dan mengesahkan JSON terus dalam pelayar anda.
Encode Rentetan Ke & Dari Base64 Dengan Segera
Base64 Encoder/Decoder menukar teks kepada Base64 dan Base64 kembali kepada teks terus dalam pelayar anda.
Encode & Decode Rentetan URL Dengan Satu Klik
URL Encoder/Decoder menukar rentetan URL ke dan dari bentuk percent-encoded-nya.
Encode & Decode Entiti HTML Dengan Segera
HTML Entity Encoder menukar aksara khas (< > & " ') kepada padanan entiti HTML-nya (< > & " ') dan sebaliknya.
Escape & Unescape Rentetan Untuk Kod
Backslash Escape/Unescape menukar rentetan ke dan dari bentuk escaped-nya (\n \t \r \" \' \\ dan escape Unicode).
Tukar Imej Ke & Dari Base64 Data URI
Imej ↔ Base64 menukar fail imej (PNG, JPG, SVG, WebP, GIF) kepada data URI berkod Base64 dan sebaliknya.
Nyahkod JSON Web Token Serta-Merta
JWT Debugger menyahkod dan memeriksa JSON Web Token — menghurai header, payload, dan tandatangan, memaparkan claims…
Jana Pengecam UUID v4 Secara Pukal
Penjana UUID menghasilkan pengecam UUID v4 yang kukuh secara kriptografi menggunakan API crypto pelayar.
Kira Hash MD5, SHA-1, SHA-256, SHA-384, SHA-512
Penjana Hash mengira hash kriptografi (MD5, SHA-1, SHA-256, SHA-384, SHA-512) bagi sebarang input teks.
Jana Kata Laluan Kukuh Secara Kriptografi
Penjana Kata Laluan menghasilkan kata laluan rawak yang kukuh menggunakan API kerawakan kriptografi pelayar.
Uji Regular Expression Secara Langsung Dengan Penyerlahan Padanan
Penguji Regex menilai regular expression terhadap teks ujian secara masa nyata.
Tukar Tarikh Unix, ISO, dan Boleh Dibaca Manusia
Penukar Cap Masa menterjemah antara cap masa Unix (saat, milisaat, mikrosaat, nanosaat), ISO 8601, RFC 2822, dan format boleh dibaca manusia.
Bandingkan Dua Blok Teks Baris Demi Baris
Alat Diff membandingkan dua blok teks dan menyerlahkan baris yang ditambah, dibuang, dan tidak berubah dengan output berkod warna.
Semak Nisbah Kontras WCAG Bagi Sebarang Dua Warna
Penyemak Kontras mengira nisbah kontras WCAG 2.1 antara dua warna dan menggredkannya terhadap ambang AA/AAA untuk…
Tukar HEX, RGB, HSL, HSV & OKLCH Serta-merta
Penukar Format Warna menterjemah sebarang warna antara HEX, RGB, HSL, HSV, dan OKLCH.
Ekstrak Palet Dominan Daripada Sebarang Imej
Pengekstrak Warna Imej menganalisis mana-mana fail imej (jatuhkan, tampal, atau klik untuk muat) dan memaparkan…
Dapatkan Pemilih CSS & XPath Untuk Sebarang Elemen
Pencari Laluan DOM membolehkan anda mengarahkan tetikus ke mana-mana elemen pada halaman untuk mendedahkan pemilih CSS…
Uji Permintaan Silang Asal & Periksa Header CORS
Penyemak CORS menguji sama ada permintaan silang asal daripada laman anda akan dibenarkan oleh pelayan sasaran.
Tangkap Bingkai WebSocket Secara Masa Nyata
Pemeriksa WebSocket menangkap setiap bingkai WebSocket — dihantar dan diterima — merentasi semua sambungan pada halaman.
Imbas Halaman Untuk Imej Rosak Serta-Merta
Pencari Imej Rosak mengimbas setiap <img> dan background-image CSS pada halaman, mengesan muatan rosak (404, kegagalan…
Isi Borang Secara Automatik Dengan Data Ujian Yang Realistik
Form Filler mengisi setiap medan borang yang kelihatan pada halaman dengan data ujian yang realistik — nama, e-mel…
Tukar Antara CSV dan JSON Dalam Kedua-dua Arah
CSV ↔ JSON Converter menangani pusingan penuh antara dua format jadual yang paling biasa.
Format, Sahkan & Lihat XML Dengan Penyorotan Sintaks
XML Formatter mencetak-cantik, meminifikasi, dan mengesahkan XML terus dalam pelayar.
Percantikkan & Format Pertanyaan SQL
SQL Formatter menukar SQL yang diminifikasi atau bersepah kepada pertanyaan yang mudah dibaca dan berinden.
Simpan Halaman Web Sebagai PDF Yang Bersih
Convert to PDF menyimpan halaman web semasa sebagai PDF melalui dialog cetak pelayar, dengan gaya mesra cetak diterapkan terlebih dahulu.
