وړیا د CSS کوچنی کوونکی او ښکلا کوونکی

دا څنګه کار کوي

دا وسیله یو لاسي-لیکل شوی، صفر-اړوندتیا CSS توکن‌کوونکی کاروي چې بشپړ JavaScript کې جوړ شوی — هیڅ بهرنی کتابتون، هیڅ سرور کالونه. توکن‌کوونکی هر توری کوډ، تبصره، پیسته شوی متن، یا url() ارزښت په توګه طبقه‌بندي کوي مخکې د کوم بدلون پلي کولو نه، چې د خالي-ځای قواعدو د متن محتوا، ډیټا URIs، یا calc() بیانونو خرابولو مخنیوی کوي.

1. 1
   توکن‌کول پړاو

   ننوت CSS توری-پر-توری سکین کیږي او ټایپ شویو توکنونو ته ویشل کیږي: خام کوډ برخې، /* ... */ تبصرې، پیسته شوي متنونه (تیښتیدونکي لړۍ ساتونکي)، او url(...) بلاکونه. دا ډاډ ورکوي چې راتلونکی پړاو کې بدلونونه یوازې واقعي CSS نحوی لمس کوي — هیڅکله د یوه متن لفظي یا ډیټا URI محتوا نه.
2. 2
   Minification یا ښایسته کول

   د Minify حالت کې، عادي تبصرې غورځول کیږي (/*! license */ تبصرې ساتل کیږي)، د کوډ توکنونو دننه خالي-ځای لړۍ یو خالي ځای ته کمیږي، او د { } : ; , > ~ شاوخوا پونکچویشن-نږدې خالي ځای لرې کیږي. د + او - شاوخوا خالي ځایونه په قصد پرېښودل کیږي ترڅو calc() بیانونه مات نه شي. د Beautify حالت کې، کوډ لومړی یوه پاکه بنسټ ته minify کیږي، بیا بیا-توکن او بیا-انډینت کیږي د دوه-خالي-ځای ژورتیا تعقیب او اعلان-کولون کشف سره ترڅو property: value کولونونه د selector کولونونو لکه a:hover نه بېل کړي.
3. 3
   Gzip اندازه اټکل

   له محصول جوړولو وروسته، د براوزر اصلي CompressionStream API کارول کیږي ترڅو پایله gzip سره فشار کړي او پایله بایټ شمېر اندازه کړي. دا یو واقعي لیږد-اندازه اټکل ورکوي چې د یوه ویب سرور سره gzip فشار سره سمون خوري چې شبکې باندې لیږل کیږي.
4. 4
   کاپي یا ډاونلوډ

   پروسس شوی CSS کلیپبورډ ته د Clipboard API له لارې لیکل کیږي، یا د styles.min.css (minify حالت) یا styles.css (beautify حالت) په توګه د یوه Blob سره د text/css MIME ډول سره ډاونلوډ کیږي. اندازه کمښت سلنه ژوندۍ ښودل کیږي کله چې تاسو ولیکئ.

اړوندې وسیلې