أداة تنسيق وتصغير الكود

ما هي أداة تنسيق وتصغير الكود؟

أداة مجانية على الإنترنت لتنسيق وتصغير الكود تنسّق أو تصغّر HTML وCSS وJavaScript دون أن تغادر متصفحك أبدًا. اختر اللغة، ثم اختر تنسيق لإعادة وضع المسافات البادئة للمصدر الفوضوي أو المكتوب في سطر واحد بمسافتين أو 4 مسافات أو علامة جدولة، أو تصغير لضغطه. يعتمد التنسيق على js-beautify؛ ويستخدم تصغير JavaScript أداة Terser لاختصار الأسماء وتقليل الحجم، بينما يُضغَط CSS وHTML عبر إزالة التعليقات وطيّ المسافات الزائدة. يلجأ إليها مطورو الويب لترتيب كود الطرف الثالث المصغَّر ليصبح قابلًا للقراءة، ولتقليص أوراق الأنماط والنصوص البرمجية قبل النشر، ولتنظيف المقتطفات المنسوخة من مخرجات البناء.

كيفية استخدام أداة تنسيق وتصغير الكود

1. اختر لغة المصدر: HTML أو CSS أو JS.
2. اختر الإجراء: تنسيق للطباعة الأنيقة، أو تصغير للضغط.
3. للتنسيق، اختر المسافة البادئة: مسافتان أو 4 مسافات أو علامة جدولة.
4. الصق الكود أو اكتبه في مربع الإدخال - يتحدّث الناتج تلقائيًا.
5. استخدم زر النسخ للحصول على النتيجة، أو انقر على مسح لتفريغ الإدخال والبدء من جديد.

أمثلة

a{color:red;font-weight:bold}

a {
  color: red;
  font-weight: bold
}

function add(first, second) {
  return first + second;
}

function add(n,d){return n+d}

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

<ul><li>One</li><li>Two</li></ul>

الأسئلة الشائعة

هل يُرفَع كودي إلى خادم؟

لا. يحدث التنسيق والتصغير محليًا بالكامل داخل متصفحك - يُحمَّل js-beautify وTerser كنصوص برمجية وتعمل على جهازك. لا يغادر كودك جهازك أبدًا، وتظل الأداة تعمل دون اتصال بالإنترنت.

ما اللغات والإجراءات المدعومة؟

ثلاث لغات - HTML وCSS وJavaScript - لكل منها إجراءان: تنسيق (طباعة أنيقة بالمسافة البادئة التي تختارها) وتصغير (ضغط). يُصغَّر JavaScript باستخدام Terser، بينما يُضغَط CSS وHTML عبر إزالة التعليقات وطيّ المسافات.

ما المسافة البادئة التي يمكنني اختيارها؟

عند التنسيق يمكنك إعادة وضع المسافة البادئة بمسافتين أو 4 مسافات أو حرف جدولة. تنطبق المسافة البادئة على التنسيق فقط؛ أما التصغير فيزيل المسافات ويتجاهل هذا الإعداد.

لماذا أظهر تصغير JavaScript خطأً؟

تحلّل Terser كود JavaScript قبل تصغيره، لذا يوقفه أي خطأ نحوي وتظهر الرسالة فوق الناتج. أصلح الموضع المُبلَّغ عنه - غالبًا قوس أو سلسلة نصية غير مغلقة، أو رمز شارد - وتُعاد النتيجة بناءً تلقائيًا.

هل يتحدّث الناتج من تلقاء نفسه؟

نعم. تُعاد بناء النتيجة كلما غيّرت الإدخال أو اللغة أو الإجراء أو المسافة البادئة، فلا تحتاج أبدًا إلى الضغط على زر للتنسيق - فقط انسخ الناتج عندما يبدو صحيحًا.