Taman Kod
Taman kod HTML, CSS dan JavaScript dalam talian dengan pratonton langsung, penyunting bernombor baris dan konsol yang ditangkap. Uji petikan serta-merta dan muat turun hasil sebagai satu fail HTML - sepenuhnya dalam pelayar anda.
Apakah itu taman kod?
Taman kod ialah sandbox di mana anda menulis HTML, CSS dan JavaScript serta terus melihat hasil terlintas. Yang ini menambah konsol yang ditangkap, penyunting bernombor baris dan keupayaan memuat turun kerja anda sebagai satu fail HTML.
Bagaimana pratonton langsung berfungsi?
Ketiga-tiga panel kod digabungkan menjadi dokumen HTML lengkap dan dilakukan rendered dalam iframe bersandbox. Dengan jalanan auto aktif, pratonton dikemas kini kira-kira setengah saat selepas anda berhenti menaip; jika tidak, tekan Jalankan.
Apakah dipaparkan panel konsol?
Semua yang halaman tulis melalui console.log, info, warn dan error, ditambah ralat runtime dan penolakan promise tidak dikendali beserta nombor barisnya. Ia dikosongkan pada setiap larian.
Adakah kod saya disimpan jika saya muat semula halaman?
Ya. Draf ketiga-tiga panel disimpan setempat dalam pelayar anda dan dipulihkan pada lawatan seterusnya. Set semula mengembalikan kod demo asal, dan penghapusan data tapak membuang draf.
Adakah pratonton disandbox dan selamat?
Pratonton berjalan dalam iframe bersandbox tanpa akses same-origin, jadi skrip yang diuji tidak boleh membaca halaman ini atau kuki itu. Namun uji hanya kod yang dipercayai, kerana ia tetap berjalan dalam pelayar anda.
Bolehkah saya memuat turun eksperimen saya?
Boleh. Muat turun .html menyimpan HTML, CSS dan JavaScript semasa yang digabungkan menjadi satu fail berdikari yang boleh dibuka dalam mana-mana pelayar atau dikongsi.
Apakah yang boleh dijalankan dalam panel JavaScript?
JavaScript pelayar piawai: manipulasi DOM, acara, canvas, fetch ke API awam (tertakluk peraturan CORS mereka) dan sebarang pustaka yang ditampal sebaris. Modul dan pakej npm tidak diselesaikan.
Perlukah taman kod ini sambungan internet?
Hanya untuk memuatkan halamannya sendiri. Penyuntingan, pratonton dan tangkapan konsol berjalan setempat selepas itu, dan kod anda tidak pernah dimuat naik ke mana-mana.
Cara Menggunakan Taman Kod
Taman permainan ini menggabungkan HTML, CSS dan JavaScript anda ke dalam pratonton langsung ber-sandbox sepenuhnya dalam pelayar anda, dengan panel Konsol yang menangkap log dan ralat. Draf disimpan secara setempat supaya anda boleh sambung dari tempat berhenti.
- Sunting panel HTML, CSS dan JavaScript — setiap penyunting ada nombor baris dan penyerlahan sintaks.
- Dengan Jalankan auto dihidupkan, pratonton disegar semula secara automatik semasa anda menaip; jika tidak, tekan Jalankan (atau matikan Jalankan auto dan jalankan secara manual).
- Perhatikan panel Konsol di bawah pratonton: output console.log, amaran, ralat dan pengecualian tidak ditangkap muncul di situ beserta nombor baris.
- Tekan Set semula untuk kembali ke demo terbina dalam, atau Muat turun .html untuk menyimpan semuanya sebagai satu fail lengkap.
- Guna Buka dalam tetingkap baharu untuk melihat dokumen semasa bersaiz penuh dalam tabnya sendiri.
Konsol dikosongkan pada setiap larian, jadi tambahkan console.log sepuasnya semasa menyahpepijat — output muncul serta-merta tanpa membuka konsol pelayar yang sebenar.
Alat Berkaitan
- Pengindah JavaScript Pengindah dan pemformat kod JavaScript percuma dalam talian. Tukar serta-merta JS yang diminifikasikan kepada kod bersih, boleh dibaca, dan berindentasi dengan pilihan yang boleh disesuaikan.
- Peminit JS Minifikasi kod JS dengan serta-merta. Buang ruang putih, komen dan optimumkan JS untuk pemuatan lebih pantas.
- Penguji Regex Uji dan nyahpepijat ungkapan nalar dengan pemadanan masa nyata dan tangkapan kumpulan.
- Pratonton Markdown Editor Markdown dalam talian percuma dengan pratonton langsung. Tulis, render, dan eksport Markdown dengan sokongan GFM penuh.
- Pemeriksa Hash Kira dan sahkan hash MD5, SHA-1, SHA-256, SHA-512 secara tempatan
- Kalkulator Chmod Kalkulator chmod dalam talian percuma untuk mengvisualisasikan dan mengira keizinan fail Linux dengan kotak tanda. Tukar serta-merta antara notasi angka (755, 644) dan simbolik (rwxr-xr-x). Menyokong keizinan khas seperti setuid, setgid, sticky bit.
- Jadual ASCII Rujukan pengkodan aksara ASCII lengkap dengan kod perpuluhan, heksadesimal, oktal, binari, entiti HTML dan penerangan aksara. Cari dan tapis serta-merta.
- Pemapar Hex Lihat kandungan fail dalam format hex dump dengan carian, navigasi offset dan penatalan maya