JavaScript Beautifier
Format, beautify, and minify JavaScript
حول هذه الأداة
يُنسّق JavaScript Beautifier الـ JavaScript المضغوط أو غير المقروء في كود نظيف ومُحاذى بشكل صحيح. يتعامل مع جميع بنى ES2022+ القياسية بما فيها دوال الأسهم، ولترالات القوالب، والتفكيك، وasync/await، وبنية الفئات. يحافظ المُنسّق على محتوى السلاسل بدقة — بما فيها الأحرف الخاصة — ويتخطى الكود داخل التعليقات بشكل صحيح.
يُزيل وضع التصغير التعليقاتِ والمسافاتِ البيضاء غير الضرورية مع الإبقاء على مسافة واحدة بين المعرّفات لتجنب أخطاء البنية. تعمل جميع المعالجة في المتصفح — لا يُرسَل أي كود إلى أي خادم.
كيفية الاستخدام
- الصق JavaScript المُصغَّر أو المبعثر في لوحة الإدخال.
- اختر المسافة البادئة المفضلة (2 أو 4 مسافات).
- انقر على تنسيق للتنسيق، أو على تصغير للتصغير.
- انقر على نسخ لنسخ النتيجة في الحافظة.
حالات الاستخدام
يستخدمه المطورون لفحص وتصحيح أخطاء JavaScript المضغوط من حزم الإنتاج أو حزم npm أو إضافات المتصفح. مثالي لقراءة النصوص البرمجية المُشوَّشة من الأطراف الثالثة، وفهم إضافات jQuery، وتنسيق الكود المنسوخ من Stack Overflow. يُقلّل وضع التصغير حجم النص البرمجي لتضمينه مباشرة في HTML دون أداة بناء.
الأسئلة الشائعة
- هل يدعم TypeScript؟ — بنية TypeScript هي إلى حد بعيد مجموعة شاملة من JavaScript. سيُنسَّق TypeScript البسيط (الأنواع، الواجهات، الجنيريك) بشكل صحيح. لدعم TypeScript الكامل استخدم TypeScript Beautifier.
- هل يدعم JSX؟ — ليس بشكل أصلي. قد لا تُنسَّق بنية JSX التي تحتوي على أقواس زاوية بشكل صحيح. استخدم مُنسّق JSX مخصصًا لملفات مكوّنات React.
- هل كودي آمن؟ — تتم جميع المعالجة محليًا في متصفحك. لا يُرسَل أي كود إلى أي خادم.