Kodelegeplads
Online-legeplads til HTML, CSS og JavaScript med live forhåndsvisning, editor med linjenumre og fanget konsol. Test kodestykker med det samme og download resultatet som én HTML-fil - helt i din browser.
Hvad er en kodelegeplads?
En kodelegeplads er en sandbox, hvor du skriver HTML, CSS og JavaScript og straks ser det renderede resultat. Denne har desuden en fanget konsol, editors med linjenumre og muligheden for at downloade dit arbejde som én HTML-fil.
Hvordan fungerer live forhåndsvisningen?
Dine tre kodepaneler kombineres til et komplet HTML-dokument og renderes i en sandbox-iframe. Med autokørsel aktiveret opdateres forhåndsvisningen cirka et halvt sekund efter, du holder op med at skrive; ellers tryk Kør.
Hvad viser konsolpanelet?
Alt, siden skriver via console.log, info, warn og error, plus runtime-fejl og uhåndterede promise-afvisninger med linjenumre. Den tømmes ved hver kørsel.
Gemmes min kode, hvis jeg genindlæser siden?
Ja. Et udkast af de tre paneler gemmes lokalt i din browser og gendannes ved næste besøg. Nulstil giver demokoden tilbage, og sletning af webstedsdata fjerner udkastet.
Er forhåndsvisningen sandboxet og sikker?
Forhåndsvisningen kører i en sandbox-iframe uden same-origin-adgang: scripts, du tester, kan ikke læse denne side eller dens cookies. Test alligevel kun kode, du stoler på, da den kører i din browser.
Kan jeg downloade mit eksperiment?
Ja. Download .html gemmer nuværende HTML, CSS og JavaScript kombineret i én selvstændig fil, som du kan åbne i enhver browser eller dele.
Hvad kan jeg køre i JavaScript-panelet?
Standard browser-JavaScript: DOM-manipulation, events, canvas, fetch til offentlige API'er (efter deres CORS-regler) og ethvert bibliotek, du indsætter inline. Moduler og npm-pakker løses ikke.
Kræver legepladsen internet?
Kun for at indlæse selve siden. Redigering, forhåndsvisning og konsoloptagelse kører derefter lokalt, og din kode sendes aldrig nogen steder hen.
Sådan bruges Kodelegeplads
Denne legeplads forener din HTML, CSS og JavaScript i en sandkasse-isoleret live-forhåndsvisning helt i din browser, med et konsolpanel der fanger logs og fejl. Et udkast gemmes lokalt, så du kan fortsætte, hvor du slap.
- Redigér HTML-, CSS- og JavaScript-felterne — hver editor har linjenumre og syntaksfremhævning.
- Med Automatisk kørsel slået til opdaterer forhåndsvisningen sig selv, mens du skriver; ellers trykker du Kør (eller slår Automatisk kørsel fra og kører manuelt).
- Hold øje med Konsolpanelet under forhåndsvisningen: console.log-output, advarsler, fejl og ufangede undtagelser vises dér med linjenumre.
- Tryk Nulstil for at vende tilbage til den indbyggede demo, eller Download .html for at gemme alt i én selvstændig fil.
- Brug Åbn i nyt vindue til at se det aktuelle dokument i fuld størrelse i sin egen fane.
Konsollen tømmes ved hver kørsel, så tilføj console.log frit under fejlfinding — output vises med det samme uden at åbne browserens rigtige konsol.
Relaterede værktøjer
- JavaScript Forskønner Gratis online JavaScript-forskønner og kodeformaterer. Konverter øjeblikkeligt minifieret JS til ren, læsbar kode med korrekt indrykning og justerbare muligheder.
- JS-minifierer Minifier JavaScript-kode øjeblikkeligt. Fjern mellemrum, kommentarer og optimer din JS for hurtigere indlæsning.
- Regex-tester Test og fejlfind regulære udtryk med realtidsmatchning og gruppefangst.
- Markdown Forhåndsvisning Gratis online Markdown-editor med live forhåndsvisning. Skriv, render og eksporter Markdown med fuld GFM-understøttelse.
- Hash-tjek Beregn og verificer MD5, SHA-1, SHA-256, SHA-512 filhasher lokalt
- Chmod-beregner Gratis online chmod-beregner til at visualisere og beregne Linux-filrettigheder med afkrydsningsfelter. Konverter straks mellem numerisk (755, 644) og symbolsk notation (rwxr-xr-x). Understøtter specielle rettigheder som setuid, setgid, sticky bit.
- ASCII-tabel Komplet ASCII-tegnkodningsreference med decimal-, hex-, oktal-, binærkoder, HTML-entiteter og tegnbeskrivelser. Øjeblikkelig søgning og filtrering.
- Hex-fremviser Vis filindhold i hex-dump-format med søgning, offset-navigation og virtuel rulning