Windows Tips & News

Mozilla lancerer MDN Playground, dens CodePen-lignende tjeneste

click fraud protection

Mozilla har lanceret MDN Playground-platformen, der giver brugerne mulighed for at få vist og dele HTML-, CSS- og JavaScript-kodestykker direkte i browseren. Det understøtter redigering af kode, se resultater i realtid og har indbygget understøttelse af Prettier-værktøjet. MDN Playground ligner meget CodePen-fællesskabet og tilbyder gratis brug for udviklere.

MDN Web Docs-bloggen for nylig annonceret udgivelsen af ​​MDN Playground-platformen, der giver brugerne mulighed for at teste og fremvise HTML-, CSS- og JavaScript-kodestykker. Med øjeblikkelig browserforhåndsvisning kan brugere observere resultaterne i realtid og nemt dele dem sammen med den tilsvarende kode.

MDN Web Docs-stoffet planlægger at bruge platformen til at formatere kodeeksempler på webstedet. Det giver mulighed for at køre koden direkte i browseren og øjeblikkeligt se resultatet af kodeudførelsen. Koden kan også hurtigt redigeres og se på ændringerne i resultatet af sit arbejde. "Play"-knapper vil være synlige ved siden af ​​kodeblokkene på MDN, hvilket fører udvikleren til Playground.

MDN Playground er kompatibel med alle moderne browsere og tilbyder gratis adgang til udviklere. Deling af kodestykker gennem permalinks kræver godkendelse på MDN Web Docs-platformen. Derudover inkluderer Playground indbygget understøttelse af Prettier-værktøjet, hvilket sikrer, at kode automatisk overholder bredt accepterede designstandarder.

I lighed med det populære CodePen-fællesskab giver MDN Playground en platform for udviklere til at prototype og dele deres arbejde ved hjælp af HTML, CSS og JavaScript. Men CodePen-fællesskabet arrangerer også regelmæssige konkurrencer og konkurrencer, så det handler ikke kun om kodedeling.

Hvis du kan lide denne artikel, så del den ved hjælp af knapperne nedenfor. Det vil ikke tage meget fra dig, men det vil hjælpe os med at vokse. Tak for din støtte!

Sådan opretter du et bootbart UEFI USB-drev med Windows 10-opsætning

Sådan opretter du et bootbart UEFI USB-drev med Windows 10-opsætning

9 svarTidligere viste jeg dig, hvordan du installerer Windows 10 ved hjælp af en bootbar USB-stic...

Læs mere

Fjern seneste filer og hyppige mapper fra Home i Windows 10 TP

Fjern seneste filer og hyppige mapper fra Home i Windows 10 TP

ANBEFALEDE: Klik her for at løse Windows-problemer og optimere systemets ydeevneDen opdaterede Fi...

Læs mere

Sådan opretter du et bootbart UEFI USB-drev med Windows 10-opsætning

Sådan opretter du et bootbart UEFI USB-drev med Windows 10-opsætning

ANBEFALEDE: Klik her for at løse Windows-problemer og optimere systemets ydeevneTidligere viste j...

Læs mere