JS/CSS-formatter

Free

Herformatteert geminimaliseerde of inconsistent ingesprongen JavaScript of CSS naar leesbare, correct ingesprongen code, met instelbare inspringstijl en grootte-statistieken voor/na.

Invoer

Inspringing

Geformatteerde uitvoer

Over deze tool

Herformatteert geminimaliseerde of inconsistent ingesprongen JavaScript of CSS naar leesbare, correct ingesprongen code.
Minimaliseert niet. Gebruik voor het verkleinen van de codegrootte een speciale minifier.

Recente Activiteit

Zichtbaar voor iedereen. Laatste 20 gebruiken over alle bezoekers, nieuwste eerst.

Formatted 52 characters of JavaScript

1 uur geleden

Formatted 51 characters of CSS

1 uur geleden

Formatted 52 characters of JavaScript

1 uur geleden

Opmerkingen (0)

Vond je deze tool nuttig? Laat een opmerking achter, deel een tip, of vertel ons hoe we het beter kunnen maken.

Nog geen opmerkingen. Wees de eerste om je gedachten te delen!

Wat deze tool doet

Plak geminimaliseerde of rommelig ingesprongen JavaScript of CSS, kies een inspringstijl, en deze tool herformatteert het naar leesbare code met consistente inspringing en regeleinden.

Hoe Het Werkt

De tool ontleedt uw code in tokens (sleutelwoorden, haakjes, operatoren, strings) en print deze tokens vervolgens opnieuw af met nieuwe regeleinden en inspringing op basis van de nestingsdiepte, met gebruik van de opensource js-beautify-engine voor respectievelijk JavaScript en CSS. De onderliggende tokens en hun volgorde worden nooit gewijzigd, alleen de witruimte eromheen.

Problemen die het oplost

Een geminimaliseerd JS- of CSS-bestand van één regel weer leesbaar maken voor debuggen of review.
Inconsistente inspringing (gemengde tabs en spaties, inconsistente breedtes) in een bestand normaliseren.
Snel code van derden of leveranciers inspecteren die geminimaliseerd wordt geleverd.
Converteren tussen inspringing met 2 spaties, 4 spaties en tabs om aan een projectstijlgids te voldoen.

Veelgestelde vragen

›Minimaliseert deze tool ook de code?

Nee, deze tool formatteert (verfraait) code alleen door juiste inspringing en regeleinden toe te voegen. Als u de codegrootte moet verkleinen door witruimte te verwijderen, gebruik dan in plaats daarvan een speciale minifier-tool.

›Verandert formatteren het gedrag van mijn code?

Nee. Formatteren verandert alleen witruimte, inspringing en regeleinden. Het verandert nooit identifiers, logica of de inhoud van strings, waardoor de geformatteerde code zich precies hetzelfde gedraagt als het origineel.

›Waarom ziet mijn JavaScript er verkeerd uit na het formatteren?

Als de invoer een syntaxisfout bevat (een niet-gesloten haakje, een overbodige komma, ongeldige JSON gebruikt als JS, enzovoort), kan de formatter de structuur verkeerd interpreteren. Controleer de browserconsole of een JavaScript-linter voor het exacte syntaxisprobleem, los het op en formatteer opnieuw.

›Kan ik hiermee SCSS of LESS formatteren?

Basis SCSS- en LESS-syntax (nesting, variabelen, commentaar) wordt over het algemeen goed geformatteerd omdat het nog steeds CSS-achtig is, maar preprocessor-specifieke functies zoals mixins of functies worden niet specifiek herkend en kunnen imperfect worden geherformatteerd.

›Waarom tabs kiezen in plaats van spaties voor inspringing?

Dit is puur een stijlvoorkeur, beide zijn functioneel identiek in JavaScript en CSS. Kies wat past bij de bestaande stijlgids van uw project of de configuratie van uw editor.

Bereken de BLAKE2b-hash van tekst of een bestand in je browser, met aanpasbare outputlengte en optionele gesleutelde hashing (MAC).