Formatter naudoja sintaksę suprantantį skaitytuvą, o ne aklai dalija kodą ties kiekvienu riestiniu skliaustu ar kabliataškiu. Jis seka eilutes, komentarus, funkcijas, atributų parinkiklius ir įdėtus blokus, todėl skyryba URL ar cituojamoje reikšmėje nepakinta.
Nemokamas CSS Formatter
Veikia tik jūsų naršyklėje - nieko neįkeliama, registracija nereikalinga.
CSS įvestis
Suformatuotas CSS
Įklijuokite CSS, kurį norite formatuoti
Ką daro CSS formatter?
CSS formatter sumažintą arba netolygiai parašytą stilių failą paverčia lengvai skaitomu kodu su nuosekliomis įtraukomis ir eilučių lūžiais. Įklijuokite CSS, pasirinkite du tarpus, keturis tarpus arba tabuliaciją, tada nukopijuokite ar atsisiųskite rezultatą. Viskas vyksta naršyklėje, o deklaracijų tvarka išlieka.
Kaip naudotis
- 1Įklijuokite CSS. Į įvesties lauką įdėkite stilių failą, parinkiklių bloką arba sumažintą CSS ištrauką.
- 2Pasirinkite įtrauką. Rinkitės du tarpus, keturis tarpus arba tabuliaciją. Suformatuotas rezultatas atnaujinamas iškart.
- 3Patikrinkite būseną. Peržiūrėkite struktūros duomenis arba pataisykite neuždarytą skirtuką, komentarą ar eilutę.
- 4Kopijuokite arba atsisiųskite. Nukopijuokite suformatuotą CSS arba išsaugokite jį kaip formatted.css.
Kam pravers
- Front-end kūrėjai gali išskleisti produkcinį CSS, kad būtų lengviau jį skaityti ir taisyti.
- Kodo tikrintojai gali suvienodinti įtraukas prieš lygindami stilių failą ar pull request ištrauką.
- Besimokantieji aiškiau mato įdėtų media queries, parinkiklių ir deklaracijų blokų sandarą.
- Pagalbos ir QA komandos gali sutvarkyti CSS iš naršyklės įrankių prieš įtraukdamos jį į klaidos pranešimą.
DUK
Ar CSS formatter nemokamas?
Taip. Galite formatuoti tiek CSS, kiek naršyklė patogiai apdoroja. Nereikia paskyros, diegimo ar prenumeratos, o rezultatas pateikiamas iškart.
Ar mano CSS siunčiamas į serverį?
Ne. Formatavimas vyksta vietoje, naršyklėje. Įklijuotas CSS lieka puslapio redaktoriuje ir nėra siunčiamas į API, todėl įrankis tinka ir neviešam projekto kodui.
Kiek CSS galiu formatuoti?
Fiksuoto simbolių limito nėra. Labai dideli sugeneruoti stilių failai priklauso nuo įrenginio atminties ir naršyklės, tačiau įprastas svetainės, komponento ar el. laiško CSS apdorojamas greitai.
Ar formatavimas pakeičia CSS veikimą?
Formatter keičia tarpus ir eilučių lūžius, bet išsaugo parinkiklius, deklaracijas, komentarus, cituojamas eilutes ir jų tvarką. Prieš skelbdami patikrinkite rezultatą, ypač naudodami eksperimentinę sintaksę ar tarpams jautrias escape sekas.
Ar įrankis tikrina CSS savybių galiojimą?
Ne. Jis tikrina tik riestinių, laužtinių ir apvalių skliaustų, komentarų bei eilučių pusiausvyrą. Jis nenustato, ar kiekviena savybė, reikšmė ar naršyklės funkcija yra semantiškai galiojanti.
Ar galima formatuoti media queries ir įdėtą CSS?
Taip. Blokai at-rules viduje, pavyzdžiui, media, supports, container, layer ir keyframes, įtraukiami pagal gylį. Šiuolaikiniai įdėti parinkikliai taip pat sutvarkomi nekeičiant eilučių ar funkcijų argumentų.