מהו HTML Minifier & Beautifier?
HTML Minifier & Beautifier דוחס מסמכי HTML על ידי הסרת הערות וקריסת המרחב הלבן שהתבניות והעורכים שלך משאירים מאחור - ההזחה, השורות הריקות והמרחבים הנגררים שהדפדפנים מתעלמים מהם, אבל כל מבקר עדיין מוריד. מסמך ה-HTML הוא המשאב הראשון בכל טעינת עמודים; שום דבר לא מוצג עד שהוא מגיע, אז בתים שנגזמו כאן העבר את הצבע והזמן המותרים הראשונים למדדים צמודים ראשונים לתחילים יותר מאשר כמעט כל נכס אחר. דפים מעובדים בשרת ופלט תבנית משירים באופן שגרתי 10-25% מגודלם.
הפרט הקריטי ב-HTML Minification הוא לדעת במה לא לגעת. כלי זה מסווה את התוכן של <pre>, <textarea>, <script> ו-<style> לפני ביצוע כל דבר אחר ומשחזר אותם בתים עבור בייט לאחר מכן, כך שדגימות קוד שומרות על מעברי השורות שלהם, ברירות מחדל של TextArea שומרות על העיצוב שלהם, ו-JavaScript ו-CSS מוטבעים לעולם לא נכתבו מחדש. ערכי תכונה מצוטטים נשמרים בדיוק, וניתן לשמור הערות מותנות גם בזמן שההערות רגילות מופשטות - אותה דיסציפלינה שחלה מזעור זמן בנייה כמו HTML-Minifier-Terser.
ה-Beautifier עושה את ההיפך: הוא לוקח סימון ממוזער או מבולגן ומכניס אותו מחדש עם מבנה מודע לקינון, שומר על אלמנטים מוטבעים כמו <span>, <a> ו-<strong> זורמים עם הטקסט שמסביב במקום לפוצץ כל תג על השורה שלו. הכל פועל ב-100% צד הלקוח בדפדפן שלך - הסימון שלך לעולם לא מועלה או נרשם, כך שדפים מגורדים, ייצוא CMS ותבניות קנייניות בטוחים להדבקה, והכלי ממשיך לעבוד במצב לא מקוון.
רווח לבן ב-HTML אינו תמיד חסר משמעות, וזו הסיבה ש-Pre, TextArea, Script ו-Style נשארים בדיוק כפי שהם. כיווץ רווח בתוך בלוק מראש משנה את מה שהקורא רואה, וקריסת אחד בתוך סקריפט יכולה לשנות את מה שהסקריפט עושה.
כיצד להשתמש ב-HTML Minifier & Beautifier?
הדבק את ה-HTML שלך
זרוק קטע, תבנית רכיב או מסמך מלא לאזור הקלט. גם סימון מעוצב וגם סימון שכבר ממוזער מתקבלים.
הגדר את האפשרויות שלך
למינימום, הסרת החלפת הערות, קריסת רווח לבן ושימור הערות מותנה. לייפיוף, בחר הזחה של 2, 4 או 8 שטח.
לחץ על Minify או BeautiFy
Minify דוחס את הסימון תוך הגנה על תוכן <pre>, <textarea>, <script> ו-<style>. לייפו את ההזנה מחדש של תגים מקוננים ושומר על רכיבים מוטבעים קריאים. תג החיסכון מציג גדלים מדויקים לפני/אחרי.
העתק או הורד
העתק את התוצאה ללוח שלך, או הורד אותה כקובץ .html מוכן לפריסה או בדיקה.
תכונות מפתח
בלוקי תוכן מוגנים
<pre>, <textarea>, <script> ו-<style> התוכן מוסווה ומשוחזר בת-עבור-בייט - דוגמאות קוד וסקריפטים מוטבעים לעולם אינם מעוותים
מזעור ניתן להגדרה
מתגים עצמאיים להסרת הערות, קריסת רווח לבן ושימור הערות מותנה
קריסה בטוחה לתכונה
רווח לבן בתוך ערכי תכונה מצוטטים נשמר בדיוק, כך שטקסט חלופי, תכונות נתונים ו-JSON מוטבע ישרדו ללא פגע
ייפוי מודע למבנה
רכיבי בלוק מקוננים תוך שמירה על תגים מוטבעים כמו <span> ו-<a> זורמים עם הטקסט שלהם; תגיות void אין צורך בזוג סגירה
Frequently Asked Questions
Related Tools
CSS Minifier & Beautifier
Minify CSS to cut file size or beautify minified stylesheets for debugging
JSON Minifier
Minify JSON by removing whitespace, or beautify it with clean indentation, with live size-savings stats and exact parser error messages
SQL Formatter
Format messy SQL into readable, indented queries or minify SQL to a single line
HTML Entity Encoder/Decoder
Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
Comments
0 comments
No comments yet. Be the first to share your thoughts!