مصغر JS/CSS
Freeيصغّر JavaScript أو CSS عن طريق إزالة المسافات الفارغة والتعليقات، مع اختصار اختياري لأسماء المتغيرات في JavaScript، وإحصائيات حجم قبل/بعد.
يعمل بالكامل في متصفحك. كودك لا يُرفع إلى أي مكان أبداً.
ماذا تفعل هذه الأداة
الصق كود JavaScript أو CSS قابلاً للقراءة، وستقوم هذه الأداة بتصغيره عن طريق إزالة المسافات الفارغة والتعليقات، و(بالنسبة لـ JavaScript، اختياريًا) تقصير أسماء المتغيرات المحلية، لإنتاج ملف أصغر بسلوك مطابق.
كيف يعمل
تقوم الأداة بتحليل كودك إلى شجرة بنية نحوية مجردة باستخدام محرك terser مفتوح المصدر لـ JavaScript ومحرك clean-css لـ CSS، ثم تعيد إنشاء الكود المصدري المكافئ الأكثر إيجازاً من تلك الشجرة: بإزالة التعليقات والمسافات الفارغة غير الضرورية، وتقصير القيم الرقمية وقيم الألوان حيث يكون ذلك آمناً، وبالنسبة لـ JavaScript مع تفعيل mangling، بإعادة تسمية معرّفات النطاق المحلي إلى أقصر الأسماء المتاحة. وبسبب أن التحويل يعمل على البنية المحللة بدلاً من النص الخام، يتصرف الكود الناتج بشكل مطابق للأصل تماماً.
المشكلات التي تحلها
- تقليل حجم ملف JavaScript أو CSS لتسريع تحميل الصفحة، خصوصاً قبل النشر اليدوي بدون خط أنابيب بناء.
- إنشاء حزمة جاهزة للإنتاج بسرعة من سكربت واحد أو ورقة أنماط واحدة دون إعداد أداة بناء كاملة.
- رؤية بالضبط مقدار صغر الملف، مع مقارنة دقيقة للحجم قبل/بعد.
الأسئلة الشائعة
›هل تقوم هذه الأداة أيضاً بتنسيق أو تجميل الكود؟
لا، تقوم هذه الأداة فقط بتصغير الكود عن طريق إزالة المسافات الفارغة والتعليقات. إذا كنت بحاجة إلى كود قابل للقراءة ومنسّق بشكل صحيح بدلاً من ذلك، استخدم أداة تنسيق مخصصة.
›ما معنى "mangle" بالنسبة لـ JavaScript؟
يقوم mangling بإعادة تسمية المتغيرات المحلية ومعاملات الدوال إلى أسماء قصيرة مثل "a" أو "b" في كل مكان يكون ذلك آمناً فيه، مما يوفر بايتات إضافية بخلاف إزالة المسافات الفارغة فقط. لا يعيد تسمية الأسماء المتاحة عالمياً أبداً، لذا لا يعطّل الكود الذي يعتمد على معرّفات عالمية محددة.
›هل الكود المصغّر آمن للاستخدام في بيئة الإنتاج؟
نعم، يغيّر التصغير فقط المسافات الفارغة والتعليقات، و(اختياريًا) أسماء المتغيرات المحلية. يتم الحفاظ على منطق الكود وسلوكه بدقة، ولهذا يُعدّ تصغير JavaScript و CSS ممارسة قياسية في مواقع الإنتاج.
›لماذا فشل التصغير بخطأ؟
تحتاج أدوات التصغير إلى كود JavaScript أو CSS صالح وقابل للتحليل. إذا كان إدخالك يحتوي على خطأ في الصياغة، فلن تتمكن أداة التصغير من بناء تمثيل داخلي صحيح له. تحقق من الكود في أداة فحص صياغة أو وحدة تحكم المتصفح لمعرفة المشكلة الدقيقة، أصلحها، وحاول مرة أخرى.
›هل يجب أن أحتفظ بنسخة غير مصغّرة من كودي؟
نعم. احتفظ دائماً بكودك المصدري الأصلي القابل للقراءة كالنسخة التي تحررها وتصونها، وأنشئ النسخة المصغّرة كخطوة من عملية البناء. تعامل مع الناتج المصغّر كمنتج قابل للتجاهل، لا كملف يُحرَّر يدوياً.
أدوات ذات صلة
نص
منسق JS/CSS
يعيد تنسيق كود JavaScript أو CSS المصغّر أو ذو المسافات البادئة غير المتسقة إلى كود قابل للقراءة ومنسّق بشكل صحيح، مع أسلوب مسافة بادئة قابل للتعديل وإحصائيات حجم قبل/بعد.
Freeنص
مدقق HTML
يتحقق من HTML بحثًا عن الوسوم غير المغلقة، والمعرّفات المكررة، والعناصر القديمة، ومشكلات شائعة أخرى محددة جيدًا، تم التحقق منه بمحلل مطابقة وسوم خاص به، وليس مدقق مطابقة W3C الكامل.
Freeنص
محول IPv4 إلى IPv6
ينشئ تمثيلات IPv6 من نوع IPv4-mapped وIPv4-compatible و6to4 وNAT64 لعنوان IPv4، ويستخرج عنوان IPv4 مرة أخرى من أي من صيغ IPv6 هذه.
Freeنص
مُرمِّز JSON
يرمّز النص العادي إلى سلسلة JSON نصية صالحة (بالهروب من علامات التنصيص والشرطات العكسية وفواصل الأسطر) ويفك ترميزها مرة أخرى، مع تفصيل للأحرف المهروبة.
Freeنص
منسق JSON
يتحقق من صحة مستند JSON كامل وينسقه أو يصغّره، مع مسافة بادئة قابلة للتعديل وترتيب اختياري للمفاتيح وتقرير دقيق عن الأخطاء بالسطر والعمود.
Freeنص
محلل JWT
يفك تشفير ترويسة ومحتوى رمز JWT إلى JSON قابل للقراءة، ويحول بيانات الطابع الزمني إلى تواريخ مقروءة، ويشير إلى الرموز منتهية الصلاحية، ويمكنه التحقق من توقيع HS256 بمفتاح سري تقدمه.
Freeنص
منشئ llms.txt
ينشئ ملف llms.txt وفقاً لمواصفات llmstxt.org من عنوان وملخص وأقسام روابط، مع تجميع أقسام Optional ومعاينة مباشرة.
Freeنص
معاينة Markdown
يعرض Markdown كـ HTML مباشر ومنقّى جنباً إلى جنب مع المصدر، مع خيار لعرض ونسخ HTML المُنشأ.
التعليقات (0)
هل وجدت هذه الأداة مفيدة؟ اترك تعليقًا، أو شارك نصيحة، أو أخبرنا كيف يمكننا تحسينها.
لا توجد تعليقات بعد. كن أول من يشارك رأيه!