CSS მინიფიკატორი და ბიუტიფაიერი უფასოდ

როგორ მუშაობს

ეს ხელსაწყო იყენებს ხელით დაწერილ, ნულოვან-დამოკიდებულებიან CSS ტოკენიზერს, მთლიანად JavaScript-ში აშენებულს — გარე ბიბლიოთეკების, სერვერის გამოძახებების გარეშე. ტოკენიზერი კლასიფიცირებს ყოველ სიმბოლოს, როგორც კოდს, კომენტარს, ბრჭყალებში სტრიქონს ან url() მნიშვნელობას, ნებისმიერი გარდაქმნის გამოყენებამდე, რაც ცარიელი-ადგილის წესებს სტრიქონის შიგთავსის, data URI-ების ან calc() გამოსახულებების დაზიანებისგან იცავს.

1. 1
   ტოკენიზაციის ეტაპი

   შეყვანილი CSS სკანირდება სიმბოლო-სიმბოლოზე და იყოფა ტიპიზირებულ ტოკენებად: დაუმუშავებელი კოდის სეგმენტები, /* ... */ კომენტარები, ბრჭყალებში სტრიქონები (ესქეიპ-თანმიმდევრობების შენარჩუნებით) და url(...) ბლოკები. ეს უზრუნველყოფს, რომ მომდევნო ეტაპის გარდაქმნები ეხება მხოლოდ ნამდვილ CSS სინტაქსს — არასდროს სტრიქონული ლიტერალის ან data URI-ის შიგთავსს.
2. 2
   შემცირება ან გაფორმება

   Minify რეჟიმში, ჩვეულებრივი კომენტარები იშლება (/*! ლიცენზია */ კომენტარები რჩება), ცარიელი-ადგილის თანმიმდევრობები კოდის ტოკენებში ერთ ცარიელ ადგილამდე იკუმშება, და პუნქტუაციასთან-მიმდებარე ცარიელი ადგილი { } : ; , > ~ გარშემო იშლება. + და - გარშემო ცარიელი ადგილები განზრახ უცვლელი რჩება, calc() გამოსახულებების დაზიანების თავიდან ასაცილებლად. Beautify რეჟიმში, კოდი ჯერ სუფთა საბაზისო ფორმამდე მცირდება, შემდეგ ხელახლა ტოკენიზდება და ხელახლა გამოირჩევა ორ-ცარიელი-ადგილიანი სიღრმის თვალყურის დევნებითა და დეკლარაცია-ორწერტილის ამოცნობით, property: value ორწერტილების ამომრჩეველ ორწერტილებისგან (როგორიცაა 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 ტიპით გამოყენებით. ზომის შემცირების პროცენტი ჩნდება ცოცხლად, აკრეფისას.

დაკავშირებული ინსტრუმენტები