JavaScript-formaterer og -minifiserer

Rydd opp i minifisert eller obfuskert JavaScript slik at du kan lese den, eller minifiser din egen kode for å gjøre den mindre.

JavaScript-inndata

Innrykk
Variabelnavn
script.js
Lim inn eller skriv JavaScript for å formatere eller minifisere den.

JavaScript-koden din formateres og minifiseres lokalt i nettleseren din. Ingenting sendes til BroBroGo.

Ofte stilte spørsmål

Hva er forskjellen på formatering og minifisering?

Formatering (beautify) legger til innrykk og mellomrom i koden slik at den blir enkel å lese og feilsøke – den raskeste måten å forstå en minifisert eller obfuskert fil på. Minifisering gjør det motsatte: det fjerner mellomrom, kommentarer og ubrukt kode slik at filen laster raskere. Formater for å lese, minifiser for å publisere.

Kan man tilbakestille minifisert kode til originalen?

Den gjenoppretter innrykk og linjeskift slik at logikken blir lesbar igjen, men den kan ikke gjenskape de opprinnelige variabelnavnene eller kommentarene – minifiseringen fjerner disse permanent, så ingen verktøy kan gjenopprette dem. Det du får er den samme koden, strukturert på en oversiktlig måte.

Hva gjør navnevalgene Forkort og Behold?

Begge fjerner mellomrom, kommentarer og uoppnåelig kode, og ingen av dem endrer hva skriptet ditt gjør. Forkort (Shorten) gir også lokale variabler nye navn på bare ett tegn for å gi en minst mulig fil – den du ville publisert. Behold (Keep) lar navnene dine forbli som de er, slik at resultatet blir litt større, men fortsatt lesbart og enkelt å feilsøke.

Skrevet og gjennomgått av BroBroGo-redaksjonen.Sist oppdatert:

Formatering og minifisering av JavaScript i nettleseren

Dette verktøyet re-formaterer JavaScript-kode for å gjøre den enklere å lese, eller for å gjøre den mindre slik at den laster raskere. Du kan lime inn eller skrive JavaScript i et inndatafelt, og deretter velge enten å formatere koden med innrykk og mellomrom, eller minifisere den ved å fjerne unødvendige tegn. Den behandlede koden vises i et eget skrivebeskyttet redigeringsfelt der du kan kopiere eller laste den ned.

Behandlingen av koden skjer lokalt i nettleseren din. Ingenting sendes til BroBroGo.

Funksjoner og tekniske grenser

Verktøyet har spesifikke rammer for inndata, utdata og feilhåndtering:

  • Inndatagrense: JavaScript-inndata som limes inn eller skrives, kan maksimalt inneholde 3 000 000 tegn. Hvis inndataene overskrider denne grensen, vises feilmeldingen: "Denne filen er for stor til å behandles. Prøv en mindre fil."
  • Tidsavbrudd: Hvis prosesseringen tar mer enn 20 sekunder, avbrytes handlingen med feilmeldingen: "Det tok for lang tid og ble avbrutt – prøv en mindre fil."
  • Syntaksfeil: Dersom koden inneholder syntaksfeil som gjør at den ikke kan tolkes, vises meldingen: "Kunne ikke behandle denne JavaScript-koden."
  • Tomme inndata: Hvis inndatafeltet er tomt, forblir verktøyet i en klar-status. Ved å klikke på "Tøm" slettes både inndata, utdata og eventuelle lagrede utkast.
  • Resultatstatistikk: Etter behandling viser verktøyet oppdaterte verdier for:
    • Linjer: Antall linjer i utdataen.
    • Tegn: Antall tegn i utdataen.
    • Størrelse: Størrelsen på utdataen målt i UTF-8 bytes.
    • Etter minifisering vises meldingen "Minifisert – {pct} % mindre." for å angi den prosentvise reduksjonen i filstørrelse.

Innstillinger for formatering og minifisering

Når du behandler koden, kan du tilpasse resultatet basert på om du ønsker maksimal lesbarhet eller minimal filstørrelse:

Formatering

Ved formatering struktureres koden med linjeskift og konsekvente innrykk. Du kan velge mellom tre ulike stiler for innrykk:

  • 2 mellomrom
  • 4 mellomrom
  • Tabulator (Tab)

Dette gjør det enklere å analysere logikken i uoversiktlig, sammentrykt eller obfuskert kode.

Minifisering

Minifisering reduserer filstørrelsen ved å fjerne unødvendige tegn som mellomrom, linjeskift, kommentarer og uoppnåelig kode (dead code). Under minifisering kan du velge hvordan lokale variabelnavn skal håndteres:

  • Forkort: Endrer lokale variabler til ett enkelt tegn for å oppnå minst mulig filstørrelse.
  • Behold: Beholder de opprinnelige lokale variabelnavnene, noe som gjør filen litt større, men lettere å feilsøke og lese.

Hvis minifiseringen fører til at det ikke er noen kjørbar kode igjen i det hele tatt, viser verktøyet meldingen: "Ingenting gjenstår etter minifisering – inndataene inneholdt ingen kjørbar kode."

Verktøyet bevarer lisensbannere som er formatert som /*! … */ under minifiseringsprosessen.

Forskjellen på formatering og unminifisering

Det er en viktig teknisk nyanse mellom å formatere kode og å prøve å gjenskape en original kildekode. Formatering legger tilbake den visuelle strukturen ved hjelp av linjeskift og innrykk, slik at kontrollflyten og logikken blir forståelig for utviklere.

Minifisering er imidlertid en destruktiv prosess når det gjelder metadata. Når kommentarer fjernes og lokale variabler endres til enkelttegn under komprimering, slettes denne informasjonen permanent. Ingen formateringsverktøy kan gjenopprette de opprinnelige beskrivende variabelnavnene eller kommentarene som lå i kildekoden før minifiseringen ble utført.

Ofte stilte spørsmål

Hva er forskjellen på formatering og minifisering?
Formatering (beautify) legger til innrykk og mellomrom i koden slik at den blir enkel å lese og feilsøke – den raskeste måten å forstå en minifisert eller obfuskert fil på. Minifisering gjør det motsatte: det fjerner mellomrom, kommentarer og ubrukt kode slik at filen laster raskere. Formater for å lese, minifiser for å publisere.

Kan man tilbakestille minifisert kode til originalen?
Den gjenoppretter innrykk og linjeskift slik at logikken blir lesbar igjen, men den kan ikke gjenskape de opprinnelige variabelnavnene eller kommentarene – minifiseringen fjerner disse permanent, så ingen verktøy kan gjenopprette dem. Det du får er den samme koden, strukturert på en oversiktlig måte.

Hva gjør navnevalgene Forkort og Behold?
Begge fjerner mellomrom, kommentarer og uoppnåelig kode, og ingen av dem endrer hva skriptet ditt gjør. Forkort (Shorten) gir også lokale variabler nye navn på bare ett tegn for å gi en minst mulig fil – den du ville publisert. Behold (Keep) lar navnene dine forbli som de er, slik at resultatet blir litt større, men fortsatt lesbart og enkelt å feilsøke.

HTML-formaterer og -minifisererRydd opp i uoversiktlig HTML for å gjøre den lesbar, eller minifiser den for produksjon – med valgfri sjekk for ødelagte tagger.CSS-formaterer og -minifisererRydd opp i uoversiktlig CSS for å gjøre den lesbar, eller minifiser den for raskere innlasting – med en sikker modus som aldri endrer rekkefølgen på reglene dine.JSON-formatererFormater, valider og minifiser JSON umiddelbart.SQL-formatererFormater SQL og les en forklaring ledd for ledd på vanlig norsk.Regex-testerTest regulære uttrykk for JavaScript mot eksempeltekst, direkte i nettleseren din.JWT-dekoderDekod JWT-headere og payloads umiddelbart, direkte i nettleseren din.