JavaScript igralište – pokrenite JS, HTML i CSS online
Pišite i pokrećite JavaScript, HTML i CSS u pješčanom iframeu s pločom konzole uživo i pregledom. Mrežni pristup prema zadanim postavkama blokira CSP meta oznaka; možete ga uključiti uz vidljivo upozorenje. Koristite način automatskog pokretanja da se kod izvodi dok radite ili Stop/Reset da biste ponovno izradili iframe i prekinuli beskonačnu petlju. Početni primjeri pomažu vam da krenete.
JavaScript igralište je radni prostor za kodiranje u pregledniku za pisanje i pokretanje JavaScripta, HTML-a i CSS-a. Uređivač ima zasebne kartice JS, HTML i CSS, s oknom za pregled i pločom konzole uživo pa stranicu i njezin izlaz možete pregledati zajedno. Koristite ga za eksperimentiranje s kratkim isječkom ili isprobavanje koda bez instaliranja lokalnog razvojnog okruženja.
Kod se izvodi unutar pješčanog iframea konfiguriranog s allow-scripts i bez allow-same-origin. CSP meta oznaka prema zadanim postavkama blokira mrežni pristup; možete ga uključiti, a sučelje prikazuje vidljivo upozorenje. Način automatskog pokretanja pokreće kod dok radite. Ako se skripta zaglavi u beskonačnoj petlji, Stop/Reset uništava i ponovno izrađuje iframe. Uključeni su i početni primjeri.
JavaScript, HTML i CSS imaju različite uloge na web stranici: HTML strukturira sadržaj, CSS upravlja njegovim izgledom, a JavaScript dodaje ponašanje. Držanje u zasebnim karticama olakšava testiranje kako ti dijelovi rade zajedno, pregled promjene u pregledu i provjeru izlaza u konzoli.
JavaScript igralište radi u cijelosti u vašem pregledniku. Vaš se ulaz obrađuje na vašem uređaju i ne prenosi se, ne pohranjuje niti šalje na poslužitelj. Radi izvan mreže nakon što se stranica učita i besplatno je za korištenje. Programeri i DevOps inženjeri mogu ga koristiti za istraživanje koda, provjeru ponašanja stranice ili rješavanje brzog programskog zadatka s različitih računala.
Korak 1: Otvorite kartice JS, HTML i CSS te unesite kod koji želite isprobati. Za svaki dio svoje stranice koristite odgovarajuću karticu.
Korak 2: Odaberite želite li koristiti način automatskog pokretanja. Kada je omogućen, vaš se kod automatski pokreće dok radite.
Korak 3: Imajte na umu zadanu mrežnu zaštitu: CSP meta oznaka blokira mrežni pristup. Mrežni pristup možete uključiti, a igralište prikazuje vidljivo upozorenje.
Korak 4: Pokrenite svoj kod i pregledajte pregled i ploču konzole uživo da biste vidjeli rezultate.
Korak 5: Ako se kod zaglavi u beskonačnoj petlji, upotrijebite Stop/Reset da biste uništili i ponovno izradili pješčani iframe.
Primjer upotrebe: Isprobajte JavaScript isječak bez instaliranja lokalnog razvojnog okruženja. Igralište pokreće vaš kod u pregledniku i prikazuje izlaz konzole uživo.
Primjer upotrebe: Provjerite kako HTML, CSS i JavaScript rade zajedno tako da ih uređujete u zasebnim karticama i pregledavate rezultat.
Primjer upotrebe: Istražite ponašanje koda uz ploču konzole uživo pored pregleda stranice.
Primjer upotrebe: Oporavite se od beskonačne petlje koristeći Stop/Reset za uništenje i ponovnu izradu iframea.
Primjer upotrebe: Radite na programskom zadatku s računala na kojem nemate dostupno lokalno postavljanje.
Primjer upotrebe: Izbjegnite slanje internog koda ili podataka usluzi treće strane: igralište obrađuje ulaz u vašem pregledniku.
Primjer upotrebe: Istražite početne primjere kada želite polaznu točku za eksperimentiranje s JavaScriptom, HTML-om ili CSS-om.