CSS-kaunistaja

Liita minifioitu tai muotoilematon CSS muotoillaksesi sen uudelleen niin, etta jokainen maarittely on omalla rivillaan ja sisennys on siisti. Kaikki toimii selaimessasi, joten tyylejasi ei koskaan ladata.

Loading…

Tietoa CSS-kaunistajasta

Tama tyokalu muotoilee minifioidun tai epasiistin CSSin uudelleen siisteiksi ja luettaviksi saannoiksi js-beautifyn avulla. Se laittaa jokaisen maarittelyn omalle rivilleen, sisentaa jokaisen valitsinlohkon sisallon ja lisaa yhdenmukaisen valistyksen kaksoispisteiden jalkeen ja aaltosulkeiden ymparille. Tuloksena on tyylitiedostokoodi, jota on helppo selata, vertailla ja muokata, oli se sitten peraisin kaannostulosteesta tai verkosta kopioituna.

Nain kaytat sita

Liita minifioitu tai sekava CSS syotteeseen.
Kaunistaja laajentaa sen yhteen maarittelyyn riviä kohden.
Lue sisennetyt valitsinlohkot lapi.
Kopioi muotoiltu tyylitiedosto takaisin projektiisi.

Tyypillinen kayttotapa on minifioidun style.css-tiedoston purkaminen, jotta loydat ja saadat tietyn saannon. Kaunistaminen muuttaa vain muotoilua - se ei yhdista paallekkaisia valitsimia, poista kaytannattomia saantoja eika lisaa toimittajakohtaisia etuliitteita, joten kaskadi ja spesifisyys sailyvat juuri kirjoitetun mukaisina. Kaikki toimii selaimessasi, joten tyylejasi ei koskaan ladata.

Usein kysytyt kysymykset

Muuttaako CSS-kaunistaja sita, miten tyylini renderoityvat?

Ei. Se lisaa vain valilyonteja, rivinvaihtoja ja sisennysta. Valitsimet, ominaisuudet ja arvot sailyvat ennallaan, joten kaskadi ja renderoity lopputulos pysyvat identtisina.

Yhdistaako tai poistaako se paallekkaisia saantoja?

Ei. Se on muotoilija, ei optimoija. Paallekkaiset valitsimet ja turhat maarittelyt sailytetaan sellaisinaan, jotta mitaan tyylitiedostossasi ei muuteta huomaamatta.

Kasitteleeko se modernia CSSia kuten mukautettuja ominaisuuksia ja mediakyselyita?

Kylla. Js-beautifyhin perustuen se sisentaa oikein sisakkaiset at-saannot kuten mediakyselyt ja sailyttaa mukautetut ominaisuudet (CSS-muuttujat) ehjina.

Lahetetaanko CSS:ni palvelimelle?

Ei. Muotoilu tapahtuu paikallisesti selaimessasi, joten tyylitiedostoasi ei koskaan ladata.

Aiheeseen liittyvät työkalut

JSON-muotoilija Liita JSON, niin tyokalu muotoilee sen siistilla ja yhdenmukaisella sisennyksella. Virheellinen syote merkitaan virheilmoituksella, ja kaikki toimii paikallisesti selaimessasi. JSON-minifioija Liita muotoiltu JSON, niin tyokalu tiivistaa sen yhdelle riville ilman turhia valilyonteja. Tyokalu kertoo, montako merkkia poistettiin, kaikki selaimessasi. JSON-validoija Liita JSON tarkistaaksesi, onko se kelvollinen. Jos ei ole, validoija raportoi virheilmoituksen seka rivin ja sarakkeen, jossa jasennys epaonnistui - kaikki selaimessasi. JSON CSV:ksi Liita JSON-objektitaulukko muuntaaksesi sen CSV:ksi. Sarakkeet otetaan kaikkien avainten yhdisteesta, pilkkuja tai lainausmerkkeja sisaltavat kentat suojataan, ja voit ladata tuloksen - kaikki paikallisesti. CSV JSONiksi Liita CSV, jossa on otsikkorivi, niin jokainen rivi muuntuu JSON-objektiksi. Lainatut kentat jasennetaan oikein ja luvut, totuusarvot seka null tunnistetaan automaattisesti - kaikki selaimessasi. JWT-dekooderi Liita JSON Web Token dekoodataksesi sen otsikon ja payloadin base64urlista luettavaksi JSONiksi. Allekirjoitusta ei varmenneta - tama vain lukee vaateet, ja kaikki pysyy selaimessasi.