JavaScript Playground: rulează JS, HTML, CSS
Scrie și rulează JavaScript, HTML și CSS într-un iframe izolat cu un panou de ieșire live în consolă și previzualizare. Accesul la rețea este blocat implicit de o etichetă meta CSP; îl poți activa cu un avertisment vizibil. Folosește modul auto-run pentru a rula codul pe măsură ce lucrezi, sau Stop/Reset pentru a recrea iframe-ul și a întrerupe o buclă infinită. Exemplele de pornire te ajută să începi.
JavaScript Playground este un spațiu de lucru bazat pe browser pentru scrierea și rularea de JavaScript, HTML și CSS. Editorul are file separate pentru JS, HTML și CSS, cu un panou de previzualizare și un panou de ieșire live în consolă, astfel încât poți inspecta împreună o pagină și ieșirea ei. Folosește-l pentru a experimenta cu un fragment scurt sau pentru a încerca cod fără a instala un mediu de dezvoltare local.
Codul rulează într-un iframe izolat configurat cu allow-scripts și fără allow-same-origin. O etichetă meta CSP blochează implicit accesul la rețea; o poți activa, iar interfața afișează un avertisment vizibil. Modul auto-run rulează codul pe măsură ce lucrezi. Dacă un script se blochează într-o buclă infinită, Stop/Reset distruge și recreează iframe-ul. Sunt incluse și exemple de pornire.
JavaScript, HTML și CSS au roluri diferite într-o pagină web: HTML structurează conținutul, CSS controlează prezentarea, iar JavaScript adaugă comportament. Menținerea lor în file separate face mai ușor să testezi cum funcționează aceste părți împreună, să analizezi o modificare în previzualizare și să verifici ieșirea în consolă.
JavaScript Playground rulează complet în browserul tău. Datele de intrare sunt procesate pe dispozitivul tău și nu sunt încărcate, stocate sau trimise către un server. Funcționează offline după ce pagina s-a încărcat și este gratuit. Dezvoltatorii și inginerii DevOps îl pot folosi pentru a explora cod, a verifica comportamentul paginilor sau pentru a rezolva o sarcină rapidă de programare de pe diferite mașini.
Pasul 1: Deschide filele JS, HTML și CSS și introdu codul pe care vrei să-l încerci. Folosește fila relevantă pentru fiecare parte a paginii tale.
Pasul 2: Alege dacă vrei să folosești modul auto-run. Când este activat, codul tău rulează automat pe măsură ce lucrezi.
Pasul 3: Ține minte protecția implicită la rețea: o etichetă meta CSP blochează accesul la rețea. Poți activa accesul la rețea, iar playground-ul afișează un avertisment vizibil.
Pasul 4: Rulează codul și inspectează previzualizarea și panoul de ieșire live în consolă pentru a vedea rezultatele.
Pasul 5: Dacă codul se blochează într-o buclă infinită, folosește Stop/Reset pentru a distruge și a recrea iframe-ul izolat.
Caz de utilizare: Încearcă un fragment JavaScript fără a instala un mediu de dezvoltare local. Playground-ul rulează codul tău în browser și afișează ieșire live în consolă.
Caz de utilizare: Verifică cum funcționează împreună HTML, CSS și JavaScript editându-le în filele lor separate și analizând previzualizarea.
Caz de utilizare: Investighează comportamentul codului cu panoul de ieșire live în consolă alături de previzualizarea paginii.
Caz de utilizare: Recuperează-te dintr-o buclă infinită folosind Stop/Reset pentru a distruge și a recrea iframe-ul.
Caz de utilizare: Lucrează la o sarcină de programare de pe o mașină unde nu ai o configurare locală disponibilă.
Caz de utilizare: Evită trimiterea codului sau datelor interne către un serviciu terț: playground-ul procesează datele de intrare în browserul tău.
Caz de utilizare: Explorează exemplele de pornire când vrei un punct de plecare pentru experimentarea cu JavaScript, HTML sau CSS.