მთავარ შინაარსზე გადასვლა
LibraTool logoLibraTool

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

ლამაზად დაბეჭდეთ ან მინიფიცირება გაუკეთეთ HTML-ს სათანადო ჩადგმის შეწევებით. ინახავს კონტენტს <pre>, <script>, <style> ბლოკებში.

მუშაობს ოფლაინ ჩატვირთვის შემდეგ

ჩააგდეთ ფაილი აქ ან დააწკაპუნეთ არჩევისთვის

HTML, HTM · მუშავდება თქვენს მოწყობილობაზე

ან დააჭირეთ Ctrl+V-ს ბუფერიდან ჩასასმელად

ფაილების დათვალიერება
გამართული HTML
გამოსავალი გამოჩნდება აქ...

გავრცელებული გამოყენება

  • Debug Server-Rendered HTMLნახეთ თქვენი სერვერის (PHP, Rails, Django, Node) დაუმუშავებელი HTML გამოტანა წაკითხვად, დაშორებებიან ფორმატში.
  • ფორმატი Email HTML Template-იEmail HTML verbose (table-ი, inline style-ი). ფორმატი რომ გახადო editable და maintainable.
  • ფორმატი Static HTML Page-იManually-edited static HTML ფajlი benefit თავდაჯერებული ფორმატი collaborative edit.
  • გაწმინდეთ CMS-Exported HTMLWordPress, Wix, Squarespace ექსპორტი HTML უამრავი artifact-ი. ფორმატი რომ გახადო editable.
  • Minify HTML Productionშემცირება HTML ფajlი ზომა მა ვებ გვერდი loading აშ whitespace მოხსნა და შეუცლებელი ხასიათი.

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

ეს ხელსაწყო HTML-ს აფორმატებს ან კუმშავს ხელით დაწერილი, ტეგ-გამთვალისწინებელი ტოკენიზერით, პირდაპირ გვერდში ჩაშენებული — მესამე-მხარის ფორმატირების ბიბლიოთეკის, სერვერთან ურთიერთქმედების გარეშე. თქვენი მარკირების ყოველი სიმბოლო ლოკალურად მუშავდება ბრაუზერში, აკრეფის ან ჩასმისთანავე.

  1. 1
    ტოკენიზერი სკანირებს მარკირებას
    მორგებული, სიმბოლო-სიმბოლოზე სკანერი გადის HTML სტრიქონზე, ამოიცნობს კომენტარებს, DOCTYPE დეკლარაციებს, გახსნის ტეგებს, დახურვის ტეგებს, თვით-დახურვად ცარიელ ელემენტებს (br, img, input და ა.შ.) და დაუმუშავებელი ტექსტის კვანძებს. სპეციალური დამხმარე თვალყურს ადევნებს ბრჭყალებში ატრიბუტის მნიშვნელობებს, ასე რომ სიმბოლოები, როგორიცაა > ატრიბუტის შიგნით (მაგ. value="a>b"), არასდროს იწვევს ტეგის ნაადრევ გაყოფას.
  2. 2
    გამორჩევის სიღრმე ტეგზეა თვალყურდევნებული
    beautify რეჟიმისთვის, ტოკენიზერი ინახავს სიღრმის მთვლელს. ბლოკ-დონის გახსნის ტეგები სიღრმეს ზრდის; დახურვის ტეგები მას წერამდე ამცირებს. ხაზშიდა ელემენტები (span, a, strong, em და ა.შ.) რჩება მათი შიგთავსის იმავე ხაზზე, საკუთარ გამორჩეულ ხაზზე გატანის ნაცვლად. ტეგები, როგორიცაა pre, script, style და textarea, თავიანთ შიდა შიგთავსს სიტყვასიტყვით გამოსცემენ, ცარიელი-ადგილისადმი-მგრძნობიარე ან შესასრულებელი კოდის დაზიანების თავიდან ასაცილებლად.
  3. 3
    მინიფაერი უსაფრთხოდ ამცირებს ცარიელ ადგილებს
    Minify რეჟიმში, pre, script, style და textarea ბლოკების შიგთავსი ცვლილდება ნუმერირებული საგუშაგოებით, ნებისმიერი ცარიელი-ადგილის შემცირებამდე. HTML კომენტარები იშლება, და ტეგებს შორის ცარიელი-ადგილის თანმიმდევრობები ამოღებულია — გარდა მოსაზღვრე ხაზშიდა ელემენტებს შორისა, სადაც ერთი ცარიელი ადგილი შენარჩუნებულია, სიტყვების შერწყმის თავიდან ასაცილებლად. საგუშაგოს ადგილმჭერები შემდეგ თავიანთ ორიგინალ შიგთავსზე აღდგება.
  4. 4
    გამომავალი ჩნდება და, არასავალდებულოდ, ინახება
    ფორმატირებული ან შემცირებული შედეგი ცოცხლად ჩნდება გამომავალის პანელში, ზომის-ცვლილების პროცენტთან ერთად. მისი კოპირება შესაძლებელია ბუფერში, ან ჩამოტვირთვა .html ფაილად, ბრაუზერის დატოვების გარეშე.

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

🎨

CSS ბიუტიფაიერი

დააფორმატეთ შეკუმშული CSS თანმიმდევრული დაშორებებით ან შეკუმშეთ. თვისებების ალფაბეტური დახარისხება არჩევითია და ცვლილებებს უფრო ადვილად შესადარებელს ხდის.

სცადე
🗜️

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

შეამცირეთ CSS ფაილის ზომა ან გაალამაზეთ მინიფიცირებული CSS წაკითხვადობისთვის. მყისიერი, ბრაუზერში.

სცადე
📰

XML ფორმატეტორი და ვალიდატორი

ლამაზად დაბეჭდეთ და შეამოწმეთ XML ბრაუზერის native DOM ანალიზატორის გამოყენებით. მოიცავს მინიფიცირებულ გამოსავალს პროდუქციის გამოყენებისთვის.

სცადე

ხშირად დასმული კითხვები