Yareeyaha & Qurxiyaha CSS oo Bilaash ah
Yaree CSS si aad u dhimo cabbirka faylka ama qurxi CSS la yareeyay si loo akhriyi karo. Degdeg ah, browser-kaaga.
Ku tuur fayl .css halkan, ama guji si aad u raadiso
CSS Β· Ma jiro xadid cabbirka faylka
ama taabo Ctrl+V si aad uga dhejiso clipboard-ka
Sida Ay U Shaqeyso
Qalabkani wuxuu isticmaalaa tokenizer CSS oo eber-ku-tiirsanaan ah oo gacan lagu qoray oo gebi ahaanba JavaScript ku dhisan β laybreri dibadeed, wicitaan server midna ma jiraan. Tokenizer-ku wuxuu kala saaraa xaraf kasta koodh, faallo, xarig qaawan, ama qiime url() ah ka hor inta wax-beddello la dabaqin, taasoo ka hortagta xeerarka bannaanka inay xumeeyaan waxa ku jira xarig, data URIs, ama xisaabta calc().
- 1Xilliga tokenizationCSS-ka gelitaanka waxaa lagu sahamiyaa xaraf-xaraf waxaana loo qaybiyaa tokens nooca leh: qaybo koodh cayriin ah, faallooyin /* ... */ ah, xarigyo qaawan (oo ilaalinaya isku-dhufashada escape), iyo blocks url(...) ah. Tani waxay hubisaa in beddellada tallaabada xigta ay taabtaan kaliya syntax-ka CSS dhabta ah β wax ka mid ah waxa ku jira xarig ama data URI ma taabtaan.
- 2Minification ama qurxintaHabka minify, faallooyinka caadiga ah waa la tuuraa (faallooyinka /*! license */ waa la haystaa), socodka bannaanka ee tokens-ka koodhka waa loo soo koobaa hal bannaan, bannaankana ku dhow calaamadaha { } : ; , > ~ waa la saaraa. Bannaanka ku dhow + iyo - si ula kac ah ayaa looga tagaa si aan loo jebin xisaabta calc(). Habka qurxinta, koodhku marka hore waa la minify-gareeyaa asaas nadiif ah, kadibna dib ayaa loo tokenize gareeyaa loona kala-fogaystaa qoto-dherer laba-goobood ah iyo ogaanshaha declaration-colon si loo kala saaro colon-yada property: value oo ka duwan colon-yada dooratayaasha sida a:hover.
- 3Qiyaasta cabbirka gzipKa dib marka wax-soo-saarku dhammaado, API-ga CompressionStream ee biraawsarka dabiiciga ah ayaa loo isticmaalaa si loo cadaadiyo natiijada gzip loona qiyaaso tirada byte-ka soo baxda. Tani waxay bixisaa qiyaas dhab ah oo cabbirka gudbinta oo u dhigma waxa server shabakadeed oo leh cadaadinta gzip u diri lahaa shabakadda.
- 4Koobi ama soo dejiCSS-ka la habeeyay waxaa loo qoraa clipboard-ka via Clipboard API, ama loo soo dejin karaa sida styles.min.css (habka minify) ama styles.css (habka qurxinta) isagoo isticmaalaya Blob nooca MIME text/css leh. Boqolkiiba yaraynta cabbirka ayaa si toos ah loo muujiyaa markaad qorayso.
Qalabka La Xiriira
Qaabka JSON
Samee, ansixi, yaraysay, oo sahmi xogta JSON. Muuqaalka geedka, muujinta syntax, iyo hal-guji koobiga.
Qurxiyaha & Yareeyaha HTML
Qor si qurux badan ama yaree HTML iyadoo leh bogtinnimo sax ah oo dhogorlaynta. Wuxuu ilaaliyaa nuxurka gudaha <pre>, <script>, <style> blocks.
Qaabeeyaha & Hubiyaha XML
Qor si qurux badan oo hubi XML adiga oo isticmaalaya DOM parser-ka dhalashada browser-kaaga. Waxaa ku jira natiijo yaraysan oo loogu talagalay isticmaalka dhabta ah.