Output will appear here...
يقوم مصغر HTML و Beautifier بضغط مستندات HTML عن طريق إزالة التعليقات وانهيار المسافات البيضاء التي تتركها القوالب والمحررين وراءك - المسافة البادئة والخطوط الفارغة والمساحات اللاحقة التي تتجاهلها المتصفحات ولكن لا يزال كل زائر يقوم بالتنزيل. مستند HTML هو المورد الأول في كل تحميل صفحة، لا شيء يتم عرضه حتى تصل، لذلك بايتات القطع هنا نقل أول رسام المحتوى والوقت إلى أول بايت المقاييس المجاورة مباشرة أكثر من أي أصل آخر تقريبا. تسقط الصفحات التي يتم تقديمها على الخادم وإخراج القالب بشكل روتيني 10-25٪ من حجمها.
التفاصيل الهامة في تصغير HTML هي معرفة ما لا يجب لمسه. تخفي هذه الأداة محتويات <pre> و <textarea> و <script> و <style> عناصر قبل القيام بأي شيء آخر وتعيدها بايت مقابل بايت بعد ذلك ، لذلك تحافظ عينات الشفرة على فواصل الأسطر ، وتحافظ الإعدادات الافتراضية على التنسيق ، ولا يتم إعادة كتابة جافا سكريبت و CSS مطلقًا. يتم الاحتفاظ بقيم السمات المقتبسة بالضبط ، ويمكن الاحتفاظ بالتعليقات الشرطية على سبيل المثال حتى أثناء تجريد التعليقات العادية - ينطبق نفس الانضباط على مصغر وقت الإنشاء مثل HTML-minifier-terser.
يقوم جهاز التجميل بالعكس: فهو يأخذ ترميزًا مصغرًا أو فوضويًا ويعيد بادئاته بهيكل مدرك للتداخل ، ويحتفظ بعناصر مضمنة مثل <span> و <a> و <strong> تتدفق مع النص المحيط بها بدلاً من تفجير كل علامة على خطها الخاص. كل شيء يعمل 100٪ من جانب العميل في متصفحك - لا يتم تحميل الترميز الخاص بك أو تسجيله مطلقًا ، لذا فإن الصفحات المكسورة وصادرات CMS والقوالب الخاصة كلها آمنة لللصق ، وتستمر الأداة في العمل دون اتصال.
لا تعد المسافات البيضاء في HTML غير مهمة دائمًا ، ولهذا السبب تُترك PRE و TextArea و Script و Style تمامًا كما هي. يؤدي انهيار مساحة داخل كتلة مسبقة إلى تغيير ما يراه القارئ ، ويمكن أن يؤدي انهيار أحدهما داخل البرنامج النصي إلى تغيير ما يفعله البرنامج النصي.
قم بإسقاط جزء أو قالب مكون أو مستند كامل في منطقة الإدخال. يتم قبول كل من الترميز المنسق والمصغر بالفعل.
للتصغير ، قم بتبديل إزالة التعليقات وانهيار المسافات البيضاء والحفاظ على التعليقات المشروطة. للتجميل ، اختر مسافة 2 أو 4 أو 8 مسافة بادئة.
يضغط Minify على الترميز أثناء حماية <pre> و <textarea> و <script> و <style> المحتوى. تجميل العلامات المتداخلة مع إعادة المسافات البادئة والحفاظ على العناصر المضمنة قابلة للقراءة. تظهر شارة التوفير بالضبط قبل / بعد الأحجام.
انسخ النتيجة إلى الحافظة الخاصة بك ، أو قم بتنزيلها كملف .html جاهز للنشر أو الفحص.
<pre> و <textarea> و <script> و <style> المحتويات مقنعة واستعادة بايت مقابل بايت - لا يتم تشويه عينات الرمز والنصوص المضمنة أبدًا
تبديل مستقل لإزالة التعليقات وانهيار المسافات البيضاء و IE حافظ على التعليقات الشرطية
يتم الاحتفاظ بقيم السمات المقتبسة داخل المسافات البيضاء تمامًا ، لذا فإن النص البديل وسمات البيانات و JSON المضمنة تبقى سليمة
المسافات البادئة عناصر الكتلة المتداخلة مع الاحتفاظ بعلامات مضمنة مثل <span> و <a> تتدفق بنصها ؛ لا تحتاج العلامات الفارغة إلى زوج إغلاق
Minify CSS to cut file size or beautify minified stylesheets for debugging
Minify JSON by removing whitespace, or beautify it with clean indentation, with live size-savings stats and exact parser error messages
Format messy SQL into readable, indented queries or minify SQL to a single line
Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
0 comments
No comments yet. Be the first to share your thoughts!