Formatera minifierad JavaScript online
Klistra in en minifierad .js-fil, ett webpack-paket eller ett kodavsnitt på en enda rad och få tillbaka JavaScript med tydliga indrag i den högra panelen. Prettier sköter formateringen i din webbläsare, utan att något laddas upp.
Varför JavaScript blir svårläst
Många byggflöden minifierar JavaScript innan koden levereras till produktion. Minifierare tar bort onödiga blanksteg och kommentarer och kan förkorta namn eller skriva om uttryck. Ett separat paketeringssteg kan samla moduler i större filer, så det levererade skriptet kan skilja sig mycket från projektets källfiler. Stegen syftar till att bevara beteendet samtidigt som koden förbereds för leverans, men gör manuell granskning svårare. Ett projekt med många läsbara moduler kan levereras som ett fåtal täta kodpaket. Formatering synliggör strukturen som finns kvar i paketen utan att göra byggprocessens omvandlingar ogjorda.
Vad formateringen faktiskt ger tillbaka
När ett kodpaket formateras får det radbrytningar, mellanrum och indrag som gör det kvarvarande programmet lättare att granska. Nästlade funktioner och villkorsgrenar blir synliga, och strängar eller namn på ändpunkter blir lättare att hitta. De nya radnumren hör till den formaterade kopian. Ett stackspår från den minifierade filen hänvisar fortfarande till originalfilen. LFUnminify översätter inte dessa positioner och kopplar dem inte till källkartor. Använd den formaterade vyn för att förstå den omgivande logiken och webbläsarens felsökare för att undersöka exakta platser under körning. En karakteristisk sträng från ett felmeddelande eller en nätverksförfrågan är en bra startpunkt. Hitta den i den formaterade kopian och läs villkoren runt omkring, i stället för att anta att närmaste funktion orsakade problemet. Om paketet innehåller genererade hjälpfunktioner eller omslutande körmiljökod finns de kvar efter formateringen. Att jämföra sammanhanget med ursprunglig källkod, när den är tillgänglig, ger en säkrare förklaring än enbart indrag.
Stöd för modern syntax
Formateraren tolkar modern JavaScript, inte bara en delmängd från för tio år sedan. Den stöder pilfunktioner, klasser, async och await, generatorer, optional chaining, nullish coalescing, mallsträngar, destrukturering, spread-syntax, dynamisk import och ES-moduler. Även JSX stöds, vilket är relevant när du granskar en React-komponent som har kompilerats utan att JSX har omvandlats bort. Eftersom Prettier utför arbetet följer resultatet enhetliga konventioner, även om verktygets inställningar kan skilja sig från konfigurationen i din egen editor.
Var begränsningarna går
Formatering gör inte omvandlingarna från byggprocessen ogjorda. En variabel som heter n fortsätter att heta n, även om det ursprungliga namnet var remainingRetries. Paketerade moduler stannar i det angivna paketet, och borttagna kommentarer kan inte härledas på ett tillförlitligt sätt. Det ursprungliga kodarkivet eller en källkarta kan hjälpa dig att hitta sammanhang utanför verktyget. Avsiktligt obfuskerad kod förblir obfuskerad efter formatering: kodade strängar, konstgjorda förgreningar och missvisande namn kan fortfarande dölja betydelsen. Se resultatet som ett stöd för granskning och testa sedan eventuella ändringar i det faktiska projektet.
Vanliga frågor
Kan verktyget formatera ett webpack- eller Vite-paket?
Ja, JavaScript-paket med syntax som stöds kan formateras när du klistrar in innehållet eller öppnar en lokal fil. Resultatet behåller den paketerade koden i stället för att återskapa separata källmoduler. Stora paket kan göra webbläsaren långsam eller svarslös, så granska ett mindre, fullständigt avsnitt när det går.
Tar det bort obfuskering i JavaScript?
Det kan formatera JavaScript-syntax som stöds i en obfuskerad fil, men det gör inte obfuskeringen ogjord. Kodade strängar, konstgjorda kontrollflöden och avsiktligt missvisande namn finns kvar. Indrag kan hjälpa dig att undersöka strukturerna, men en läsbar uppställning bevisar inte i sig vad skriptet gör eller om det är tillförlitligt.
Kan formateringen förstöra min kod?
Formateraren strävar efter att bevara JavaScripts beteende samtidigt som en enhetlig stil tillämpas. Skiljetecken, citattecken och uppställning kan ändras, så resultatet är inte en identisk kopia byte för byte. Behåll originalet, granska resultatet och kör projektets tester innan du använder ett ändrat eller formaterat kodpaket i produktion.