Kode-lekeplass
Online lekeplass for HTML, CSS og JavaScript med forhåndsvisning i sanntid, editor med linjenumre og fanget konsoll. Test kodebiter umiddelbart og last ned resultatet som én HTML-fil - helt i nettleseren.
Hva er en kode-lekeplass?
En kode-lekeplass er en sandkasse der du skriver HTML, CSS og JavaScript og ser det renderete resultatet med én gang. Denne har i tillegg en fanget konsoll, redigerere med linjenumre og muligheten til å laste ned arbeidet som én HTML-fil.
Hvordan fungerer forhåndsvisningen i sanntid?
De tre kodepanelene kombineres til et komplett HTML-dokument og renderes i en sandkasse-iframe. Med automatisk kjøring oppdateres forhåndsvisningen omtrent et halvt sekund etter at du slutter å skrive; ellers trykk Kjør.
Hva viser konsollpanelet?
Alt siden skriver via console.log, info, warn og error, pluss kjøretidsfeil og u håndterte promise-avvisninger med linjenumre. Det tømmes ved hver kjøring.
Lagres koden min hvis jeg laster siden på nytt?
Ja. Et utkast av de tre panelene lagres lokalt i nettleseren og gjenopprettes ved neste besøk. Tilbakestill gir tilbake demokoden, og å slette nettstedsdata fjerner utkastet.
Er forhåndsvisningen sandkasse-og trygg?
Forhåndsvisningen kjører i en sandkasse-iframe uten same-origin-tilgang: skriptene du tester kan ikke lese denne siden eller informasjonskapslene. Test likevel bare kode du stoler på, for den kjører i nettleseren din.
Kan jeg laste ned eksperimentet mitt?
Ja. Last ned .html lagrer nåværende HTML, CSS og JavaScript kombinert i én selvstendig fil som åpnes i enhver nettleser eller deles.
Hva kan jeg kjøre i JavaScript-panelet?
Standard nettleser-JavaScript: DOM-manipulering, hendelser, canvas, fetch til offentlige API-er (etter deres CORS-regler) og alle biblioteker du limer inn inline. Moduler og npm-pakker løses ikke.
Trenger lekeplassen internett?
Bare for å laste selve siden. Redigering, forhåndsvisning og konsollfangst kjører deretter lokalt, og koden din sendes aldri noe sted.
Slik bruker du Kode-lekeplass
Denne lekeplassen forener HTML, CSS og JavaScript i en sandkasse-isolert forhåndsvisning helt i nettleseren din, med et konsollpanel som fanger logger og feil. Et utkast lagres lokalt slik at du fortsetter der du slapp.
- Rediger HTML-, CSS- og JavaScript-feltene — hver editor har linjenumre og syntaksfremheving.
- Med Automatisk kjøring på oppdateres forhåndsvisningen automatisk mens du skriver; ellers trykker du Kjør (eller slår av Automatisk kjøring og kjører manuelt).
- Hold øye med Konsollpanelet under forhåndsvisningen: console.log-utdata, advarsler, feil og ufangede unntak vises der med linjenumre.
- Trykk Tilbakestill for å gå tilbake til den innebygde demoen, eller Last ned .html for å lagre alt som én selvstendig fil.
- Bruk Åpne i nytt vindu for å se det gjeldende dokumentet i full størrelse i sin egen fane.
Konsollen tømmes ved hver kjøring, så bruk console.log fritt under feilsøking — utdata vises umiddelbart uten å åpne nettleserens ekte konsoll.
Relaterte verktøy
- JavaScript Forskjønner Gratis online JavaScript-forskjønner og kodeformaterer. Konverter umiddelbart minifisert JS til ren, lesbar kode med korrekt innrykk og tilpassbare alternativer.
- JS-minifierer Minifier JavaScript-kode umiddelbart. Fjern mellomrom, kommentarer og optimaliser din JS for raskere lasting.
- Regex-tester Test og feilsøk regulære uttrykk med sanntidsmatching og gruppefangst.
- Markdown Forhåndsvisning Gratis online Markdown-redigerer med live forhåndsvisning. Skriv, render og eksporter Markdown med full GFM-støtte.
- Hash-sjekk Beregn og verifiser MD5, SHA-1, SHA-256, SHA-512 filhasher lokalt
- Chmod-kalkulator Gratis online chmod-kalkulator for å visualisere og beregne Linux-filrettigheter med avmerkingsbokser. Konverter umiddelbart mellom numerisk (755, 644) og symbolsk notasjon (rwxr-xr-x). Støtter spesielle rettigheter som setuid, setgid, sticky bit.
- ASCII-tabell Komplett ASCII-tegnkodingsreferanse med desimale, heksadesimale, oktale, binære koder, HTML-enheter og tegnbeskrivelser. Umiddelbar søk og filtrering.
- Hex-viser Vis filinnhold i hex-dump-format med søk, offset-navigering og virtuell rulling