Halaman Uji Kode
Halaman uji HTML, CSS, dan JavaScript online dengan pratinjau langsung, editor bernomor baris, dan konsol yang ditangkap. Uji cuplikan seketika dan unduh hasilnya sebagai satu berkas HTML - sepenuhnya di peramban Anda.
Apa itu halaman uji kode?
Halaman uji kode adalah sandbox tempat Anda menulis HTML, CSS, dan JavaScript serta langsung melihat hasil rendernya. Yang ini menambahkan konsol yang ditangkap, editor bernomor baris, dan kemampuan mengunduh karya sebagai satu berkas HTML.
Bagaimana pratinjau langsung bekerja?
Ketiga panel kode digabung menjadi dokumen HTML lengkap dan dirender di dalam iframe bersandbox. Dengan jalankan otomatis aktif, pratinjau diperbarui sekitar setengah detik setelah Anda berhenti mengetik; jika tidak, tekan Jalankan.
Apa yang ditampilkan panel konsol?
Semua yang halaman tuliskan lewat console.log, info, warn, dan error, ditambah kesalahan runtime dan penolakan promise yang tidak ditangani beserta nomor barisnya. Panel dibersihkan setiap kali dijalankan.
Apakah kode saya tersimpan saat halaman dimuat ulang?
Ya. Draf ketiga panel disimpan lokal di peramban Anda dan dipulihkan pada kunjungan berikutnya. Atur ulang mengembalikan kode demo asli, dan menghapus data situs menghapus draf.
Apakah pratinjau disandbox dan aman?
Pratinjau berjalan di iframe bersandbox tanpa akses same-origin, sehingga skrip yang Anda uji tidak dapat membaca halaman ini atau kukinya. Tetap hanya uji kode yang dipercaya, karena tetap berjalan di peramban Anda.
Bisakah saya mengunduh eksperimen saya?
Bisa. Unduh .html menyimpan HTML, CSS, dan JavaScript saat ini yang digabung menjadi satu berkas mandiri yang bisa dibuka di peramban apa pun atau dibagikan.
Apa yang bisa dijalankan di panel JavaScript?
JavaScript peramban standar: manipulasi DOM, event, canvas, fetch ke API publik (tergantung aturan CORS mereka), dan pustaka apa pun yang ditempel inline. Modul dan paket npm tidak diselesaikan.
Apakah halaman uji ini butuh koneksi internet?
Hanya untuk memuat halamannya sendiri. Pengeditan, pratinjau, dan penangkapan konsol berjalan lokal setelahnya, dan kode yang Anda tulis tidak pernah diunggah ke mana pun.
Cara Menggunakan Halaman Uji Kode
Playground ini menggabungkan HTML, CSS, dan JavaScript Anda ke dalam pratinjau langsung ber-sandbox sepenuhnya di browser Anda, dengan panel konsol yang menangkap log dan galat. Draf disimpan secara lokal sehingga Anda bisa melanjutkan dari tempat terakhir.
- Sunting panel HTML, CSS, dan JavaScript — setiap editor memiliki nomor baris dan penyorotan sintaks.
- Dengan Jalankan otomatis aktif, pratinjau diperbarui otomatis saat Anda mengetik; jika tidak, tekan Jalankan (atau matikan Jalankan otomatis dan jalankan manual).
- Perhatikan panel Konsol di bawah pratinjau: keluaran console.log, peringatan, galat, dan pengecualian tak tertangkap muncul di sana dengan nomor baris.
- Tekan Atur ulang untuk kembali ke demo bawaan, atau Unduh .html untuk menyimpan semuanya sebagai satu berkas mandiri.
- Gunakan Buka di jendela baru untuk melihat dokumen saat ini berukuran penuh di tabnya sendiri.
Konsol dibersihkan setiap kali dijalankan, jadi tambahkan console.log semaunya saat men-debug — keluarannya tampil seketika tanpa membuka konsol browser yang sebenarnya.
Alat Terkait
- Pempercantik JavaScript Pempercantik dan pemformat kode JavaScript gratis online. Konversi instan JS yang diminifikasi menjadi kode bersih, mudah dibaca, dan berindentasi dengan opsi yang dapat disesuaikan.
- Minifier JS Minifikasi kode JavaScript secara instan. Hapus spasi, komentar, dan optimalkan JS untuk pemuatan lebih cepat.
- Penguji Regex Uji dan debug ekspresi reguler dengan pencocokan real-time dan penangkapan grup.
- Pratinjau Markdown Editor Markdown online gratis dengan pratinjau langsung. Tulis, render, dan ekspor Markdown dengan dukungan GFM penuh.
- Pemeriksa Hash Hitung dan verifikasi hash MD5, SHA-1, SHA-256, SHA-512 secara lokal
- Kalkulator Chmod Kalkulator chmod online gratis untuk memvisualisasikan dan menghitung izin file Linux dengan kotak centang. Konversi instan antara notasi numerik (755, 644) dan simbolik (rwxr-xr-x). Mendukung izin khusus seperti setuid, setgid, sticky bit.
- Tabel ASCII Referensi pengkodean karakter ASCII lengkap dengan kode desimal, heksadesimal, oktal, biner, entitas HTML, dan deskripsi karakter. Cari dan filter secara instan.
- Penampil Hex Lihat konten file dalam format hex dump dengan pencarian, navigasi offset, dan pengguliran virtual