Loc de Joacă pentru Cod
Loc de joacă online pentru HTML, CSS și JavaScript cu previzualizare live, editor cu numere de linii și consolă capturată. Testează fragmente instantaneu și descarcă rezultatul ca un singur fișier HTML - integral în browser.
Ce este un loc de joacă pentru cod?
Un loc de joacă pentru cod este o sandbox în care scrii HTML, CSS și JavaScript și vezi imediat rezultatul randat. Acesta adaugă o consolă capturată, editoare cu numere de linii și posibilitatea de a descărca munca ta ca un singur fișier HTML.
Cum funcționează previzualizarea live?
Cele trei panouri de cod sunt combinate într-un document HTML complet și randate într-un iframe izolat. Cu rularea automată activă, previzualizarea se reîmprospătează la circa jumătate de secundă după ce încetezi să scrii; altfel apasă Rulează.
Ce arată panoul consolei?
Tot ce scrie pagina prin console.log, info, warn și error, plus erori de execuție și respingeri de promise netratate, cu numerele liniilor. Se golește la fiecare rulare.
Codul meu rămâne salvat dacă reîncarc pagina?
Da. O schiță a celor trei panouri este salvată local în browserul tău și restaurată la următoarea vizită. Resetează readuce codul demo original, iar ștergerea datelor site-ului elimină schița.
Previzualizarea este izolată și sigură?
Previzualizarea rulează într-un iframe izolat fără acces same-origin: scripturile testate nu pot citi această pagină sau cookie-urile ei. Testează oricum doar cod de încredere, pentru că rulează în browserul tău.
Pot descărca experimentul meu?
Da. Descarcă .html salvează HTML, CSS și JavaScript actuale combinate într-un singur fișier autonom, pe care îl poți deschide în orice browser sau îl poți distribui.
Ce pot rula în panoul JavaScript?
JavaScript standard de browser: manipulare DOM, evenimente, canvas, fetch către API-uri publice (conform regulilor lor CORS) și orice bibliotecă lipită inline. Modulele și pachetele npm nu sunt rezolvate.
Locul de joacă are nevoie de internet?
Doar pentru a încărca pagina în sine. Editarea, previzualizarea și capturarea consolei rulează apoi local, iar codul tău nu este trimis nicăieri.
Cum se folosește Loc de Joacă pentru Cod
Această cutie de nisip pentru cod combină HTML, CSS și JavaScript într-o previzualizare live izolată, în întregime în browserul tău, cu un panou de consolă care captează jurnalele și erorile. O schiță se salvează local, ca să continui de unde ai rămas.
- Editează panourile HTML, CSS și JavaScript — fiecare editor are numerotare de linii și evidențiere a sintaxei.
- Cu Rulare automată activată, previzualizarea se reînnoiește în timp ce scrii; altfel apasă Rulează (sau dezactivează Rulare automată și rulează manual).
- Fii atent la panoul Consolă de sub previzualizare: ieșirile console.log, avertismentele, erorile și excepțiile neprinse apar acolo cu numere de linii.
- Apasă Resetează pentru a reveni la demo-ul integrat, sau Descarcă .html pentru a salva totul într-un singur fișier autosuficient.
- Folosește Deschide în fereastră nouă pentru a vedea documentul curent la dimensiune completă în tabul său propriu.
Consola se golește la fiecare rulare, deci adaugă console.log fără rețineri în timpul depanării — apar instantaneu, fără să deschizi consola reală a browserului.
Instrumente conexe
- Înfrumusețător JavaScript Înfrumusețător și formator de cod JavaScript gratuit online. Convertiți instantaneu JS minificat în cod curat, lizibil și indentat corect cu opțiuni personalizabile.
- Minificator JS Minificați codul JavaScript instantaneu. Eliminați spațiile, comentariile și optimizați JS-ul pentru încărcare mai rapidă.
- Tester Regex Testați și depanați expresii regulate cu potrivire în timp real și captură de grupuri.
- Previzualizare Markdown Editor Markdown online gratuit cu previzualizare live. Scrieți, randați și exportați Markdown cu suport GFM complet.
- Verificare Hash Calculați și verificați hash-uri MD5, SHA-1, SHA-256, SHA-512 local
- Calculator Chmod Calculator chmod online gratuit pentru vizualizarea și calcularea permisiunilor fișierelor Linux cu casete de selectare. Conversie instantanee între notația numerică (755, 644) și simbolică (rwxr-xr-x). Suportă permisiuni speciale precum setuid, setgid, sticky bit.
- Tabel ASCII Referință completă de codificare a caracterelor ASCII cu coduri zecimale, hexazecimale, octale, binare, entități HTML și descrieri de caractere. Căutare și filtrare instantanee.
- Vizualizator Hex Vizualizați conținutul fișierelor în format hex dump cu căutare, navigare offset și derulare virtuală