JavaScript Beautifier & Minifier

Lijn geminificeerde of geobfusteerde JavaScript opnieuw uit zodat je het kunt lezen, of minificeer je eigen code om deze kleiner te maken voor productie.

JavaScript-invoer

Inspringen
Namen
script.js
Plak of typ JavaScript om de opmaak te verbeteren of te minificeren.

Je JavaScript wordt geformatteerd en geminificeerd in je browser. Er wordt niets geüpload naar BroBroGo.

Veelgestelde vragen

Wat is het verschil tussen opmaak verbeteren en minificeren?

Opmaak verbeteren (beautify) herstructureert de inspringing en witruimtes van de code zodat deze makkelijk te lezen en te debuggen is — de snelste manier om een geminificeerd of geobfusteerd bestand te begrijpen. Minificeren (minify) doet het tegenovergestelde: het verwijdert witruimte, opmerkingen en ongebruikte code zodat het bestand sneller gedownload kan worden. Verbeter de opmaak om te lezen, minificeer om live te zetten.

Kan het geminificeerde code terugveranderen naar het origineel?

Het herstelt de inspringing en regeleinden zodat de logica weer leesbaar is, maar het kan de originele variabelenamen of opmerkingen niet terughalen — minificeren gooit deze definitief weg, dus geen enkele tool kan ze herstellen. Wat je krijgt is dezelfde code, maar dan overzichtelijk ingedeeld.

Wat doen de naamopties Inkorten en Behouden?

Beide opties verwijderen witruimte, opmerkingen en onbereikbare code, en veranderen niets aan de werking van je script. Inkorten hernoemt daarnaast lokale variabelen naar een enkele letter voor het kleinst mogelijke bestand — degene die je live zet. Behouden laat je namen intact, waardoor het resultaat iets groter is, maar nog steeds leesbaar en makkelijk te debuggen.

Geschreven en gecontroleerd door het redactieteam van BroBroGo.Laatst bijgewerkt:

Werking van de JavaScript Beautifier & Minifier

Deze tool is ontworpen voor het herformatteren van JavaScript-code om deze beter leesbaar te maken of om de bestandsgrootte te verkleinen voor snellere laadtijden. Gebruikers kunnen JavaScript-code in het invoerveld plakken of typen en vervolgens kiezen voor de optie "Opmaak verbeteren" of "Minificeren".

Bij het verbeteren van de opmaak voegt de tool inspringing en witruimtes toe. Bij het minificeren worden onnodige tekens juist verwijderd. De verwerkte code verschijnt daarna in een apart, alleen-lezen uitvoerveld onder de naam script.js. Vanuit dit veld kan de code direct worden gedownload of gekopieerd.

Instellingen voor invoer en uitvoer

De tool hanteert specifieke limieten en parameters voor de verwerking van de code:

  • JavaScript-invoer: De ingevoerde JavaScript-code mag een maximale grootte van 3.000.000 tekens hebben.
  • Statistieken: Na verwerking toont de interface de exacte metagegevens van de uitvoer via de labels Regels, Tekens en Grootte (weergegeven in UTF-8 bytes).

Bij het verbeteren van de opmaak kan de gewenste stijl voor inspringing worden geselecteerd: 2 spaties, 4 spaties of Tab.

Bij het minificeren kan de gebruiker bepalen hoe lokale variabelenamen worden behandeld:

  • Inkorten: Lokale variabelen worden hernoemd naar een enkele letter om een zo klein mogelijk bestand te genereren.
  • Behouden: Lokale variabelen behouden hun oorspronkelijke naam, wat resulteert in een iets groter bestand dat echter beter leesbaar en debugbaar blijft.

Regels, foutmeldingen en uitzonderingen

Tijdens het verwerkingsproces past de tool vaste regels toe voor specifieke scenario's en randgevallen:

  • Code-optimalisatie: Minificeren verwijdert alle overbodige witruimte, opmerkingen en ongebruikte code (dead code). Dit proces is onomkeerbaar; originele variabelenamen of verwijderde opmerkingen kunnen achteraf niet worden hersteld.
  • Licentiebehoud: Licentiebanners die zijn opgemaakt als /*! … */ blijven tijdens het minificeren behouden in de code.
  • Lege invoer: Als er geen code wordt ingevoerd, blijft de tool in de status "Plak of typ JavaScript om de opmaak te verbeteren of te minificeren.".
  • Bestandsgrootte-limiet: Indien de invoer de grens van 3.000.000 tekens overschrijdt, toont de interface de foutmelding: "Dit bestand is te groot om te verwerken. Probeer een kleiner bestand.".
  • Tijdslimiet: Als de verwerking langer dan 20 seconden in beslag neemt, wordt het proces afgebroken met de melding: "Dat duurde te lang en is gestopt — probeer een kleiner bestand.".
  • Syntactische fouten: Wanneer de JavaScript-code niet kan worden verwerkt vanwege een syntaxfout, verschijnt de foutmelding: "Kan deze JavaScript niet verwerken.".
  • Geen uitvoerbare code: Als het minificeren resulteert in een lege uitvoer omdat de invoer geen uitvoerbare code bevatte, toont de tool de melding: "Niets overgebleven na het minificeren — de invoer bevatte geen uitvoerbare code.".
  • Wissen: De knop "Wissen" verwijdert zowel de invoer als de uitvoer en wist een eventueel opgeslagen concept.
  • Besparingspercentage: Na een succesvolle minificatie toont de tool de melding "Geminificeerd — {pct}% kleiner.", waarin het exacte percentage aan volumevermindering wordt berekend.

Privacy en gegevensverwerking

De verwerking van de JavaScript-code vindt lokaal plaats. Alle bewerkingen voor het formatteren en minificeren worden direct in de browser van de gebruiker uitgevoerd. Er worden geen gegevens of codebestanden geüpload naar BroBroGo.

Doelgroepen en toepassingen

Deze tool is bestemd voor verschillende technische scenario's en gebruikersgroepen:

  • Ontwikkelaars die geminificeerde of geobfusteerde JavaScript-code moeten debuggen.
  • Technische gebruikers die JavaScript-codefragmenten van derden willen inspecteren.
  • Publishers en webbeheerders die scripts willen comprimeren om de laadtijd van hun website in een productieomgeving te verkorten.
  • Iedereen die de logica van een onoverzichtelijk of compact JavaScript-bestand wil analyseren.

Veelgestelde vragen

Wat is het verschil tussen opmaak verbeteren en minificeren?
Opmaak verbeteren (beautify) herstructureert de inspringing en witruimtes van de code zodat deze makkelijk te lezen en te debuggen is — de snelste manier om een geminificeerd of geobfusteerd bestand te begrijpen. Minificeren (minify) doet het tegenovergestelde: het verwijdert witruimte, opmerkingen en ongebruikte code zodat het bestand sneller gedownload kan worden. Verbeter de opmaak om te lezen, minificeer om live te zetten.

Kan het geminificeerde code terugveranderen naar het origineel?
Het herstelt de inspringing en regeleinden zodat de logica weer leesbaar is, maar het kan de originele variabelenamen of opmerkingen niet terughalen — minificeren gooit deze definitief weg, dus geen enkele tool kan ze herstellen. Wat je krijgt is dezelfde code, maar dan overzichtelijk ingedeeld.

Wat doen de naamopties Inkorten en Behouden?
Beide opties verwijderen witruimte, opmerkingen en onbereikbare code, en veranderen niets aan de werking van je script. Inkorten hernoemt daarnaast lokale variabelen naar een enkele letter voor het kleinst mogelijke bestand — degene die je live zet. Behouden laat je namen intact, waardoor het resultaat iets groter is, maar nog steeds leesbaar en makkelijk te debuggen.

HTML Beautifier & MinifierLijn rommelige HTML opnieuw uit om het te lezen, of minificeer het voor productie — met een optionele controle op kapotte tags.CSS Beautifier & MinifierLijn rommelige CSS opnieuw uit om het te lezen, of minificeer het voor productie — met een veilige modus die de volgorde van je regels nooit verandert.JSON-formatterFormatteer, valideer en minify JSON in een handomdraai.SQL-formatterFormatteer SQL en lees de werking ervan clausule voor clausule terug in begrijpelijk Nederlands.Regex TesterTest reguliere expressies van JavaScript op voorbeeldtekst, gewoon in je browser.JWT DecoderDecodeer JWT-headers en -payloads direct, gewoon in je browser.