منسق JS/CSS
Freeيعيد تنسيق كود JavaScript أو CSS المصغّر أو ذو المسافات البادئة غير المتسقة إلى كود قابل للقراءة ومنسّق بشكل صحيح، مع أسلوب مسافة بادئة قابل للتعديل وإحصائيات حجم قبل/بعد.
يعمل بالكامل في متصفحك. كودك لا يُرفع إلى أي مكان أبداً.
ماذا تفعل هذه الأداة
الصق كود JavaScript أو CSS المصغّر أو غير المنظم، واختر أسلوب المسافة البادئة، وستعيد هذه الأداة تنسيقه إلى كود قابل للقراءة بمسافات بادئة وفواصل أسطر متسقة.
كيف يعمل
تقوم الأداة بتحليل كودك إلى رموز (كلمات مفتاحية، أقواس، عوامل، نصوص)، ثم تعيد طباعة هذه الرموز بفواصل أسطر ومسافات بادئة جديدة حسب عمق التعشيش، باستخدام محرك js-beautify مفتوح المصدر لكل من JavaScript وCSS على التوالي. لا تتغير الرموز الأساسية وترتيبها أبداً، بل تتغير فقط المسافات الفارغة المحيطة بها.
المشكلات التي تحلها
- إعادة جعل ملف JS أو CSS المصغّر ذو السطر الواحد قابلاً للقراءة من أجل التصحيح أو المراجعة.
- توحيد المسافات البادئة غير المتسقة (مزيج من التاب والمسافات، عروض غير متسقة) في الملف.
- فحص كود طرف ثالث أو مزوّد يُشحن مصغّراً بسرعة.
- التحويل بين المسافة البادئة بمسافتين أو 4 مسافات أو تاب لمطابقة دليل أسلوب المشروع.
الأسئلة الشائعة
›هل تقوم هذه الأداة أيضاً بتصغير الكود؟
لا، تقوم هذه الأداة فقط بتنسيق (تجميل) الكود عن طريق إضافة مسافات بادئة وفواصل أسطر مناسبة. إذا كنت بحاجة إلى تقليل حجم الكود بإزالة المسافات الفارغة، استخدم أداة تصغير مخصصة بدلاً من ذلك.
›هل سيغيّر التنسيق طريقة عمل الكود؟
لا. يغيّر التنسيق فقط المسافات الفارغة والمسافات البادئة وفواصل الأسطر. لا يغيّر أبداً المعرّفات أو المنطق أو محتوى النصوص، لذا يعمل الكود المنسق بنفس طريقة الكود الأصلي تماماً.
›لماذا يبدو كود JavaScript الخاص بي خاطئاً بعد التنسيق؟
إذا كان الإدخال يحتوي على خطأ في الصياغة (قوس غير مغلق، فاصلة زائدة، JSON غير صالح مستخدم كـ JS، وما شابه)، قد يفسّر المنسّق البنية بشكل خاطئ. تحقق من وحدة تحكم المتصفح أو من أداة فحص صياغة JavaScript لمعرفة المشكلة الدقيقة، أصلحها، ثم أعد التنسيق.
›هل يمكنني تنسيق SCSS أو LESS بهذه الأداة؟
تُنسَّق صياغة SCSS وLESS الأساسية (التعشيش، المتغيرات، التعليقات) بشكل جيد عموماً لأنها تظل شبيهة بـ CSS، لكن الخصائص الخاصة بالمعالج المسبق مثل mixins أو الدوال لا تُفهم تحديداً وقد يُعاد تنسيقها بشكل غير مثالي.
›لماذا نختار التاب بدلاً من المسافات للمسافة البادئة؟
هذا مجرد تفضيل أسلوبي، فكلاهما متطابقان وظيفياً في JavaScript وCSS. اختر ما يتوافق مع دليل الأسلوب الحالي لمشروعك أو إعدادات محررك.
أدوات ذات صلة
نص
مولد الاختصار العكسي
حوّل أي اختصار أو كلمة إلى backronym عبر 6 نغمات و5 أنماط جمل، مع كلمات مخصصة لكل حرف وتقييم لسهولة التذكر/النطق.
Freeنص
حاسبة عرض النطاق الترددي
حوّل بين وحدات البيانات، قدّر وقت نقل الملف، حدد عرض نطاق الموقع من حركة المرور، وحوّل بين حصة بيانات شهرية وسرعة اتصال مستدامة.
Freeنص
منشئ الرسم البياني الشريطي
حوّل بيانات بسيطة من نوع تسمية،قيمة إلى مخطط شريطي قابل للتخصيص مع 8 سمات ألوان واتجاه وفرز ودعم للقيم السالبة وإحصاءات فورية وتصدير SVG/PNG.
Freeنص
ترميز/فك ترميز Base64
شفّر النص إلى base64 أو فكّ تشفير base64 مرة أخرى إلى نص، مباشرة أثناء الكتابة، مع دعم كامل لـUnicode ومتغير اختياري آمن لعناوين URL.
Freeنص
محول الأساس العددي
حوّل رقمًا بين الثنائي والثماني والعشري والسادس عشري وBCD وترميز غراي وأي أساس مخصص من 2 إلى 36، كلها دفعة واحدة من إدخال واحد.
Freeنص
مولد وفاحص تجزئة Bcrypt
ولّد وتحقق من تجزئات كلمات مرور bcrypt بالكامل في متصفحك باستخدام WebAssembly، مع عامل تكلفة وملح قابلين للتعديل.
Freeنص
محول القراءة البيونية
حوّل أي نص إلى تنسيق القراءة الحيوية بجعل الجزء الأول من كل كلمة غامقًا لمساعدتك على القراءة بشكل أسرع والتركيز بشكل أفضل.
Freeنص
مولد تجزئة Blake2b
احسب تجزئة BLAKE2b لنص أو ملف في متصفحك، مع طول إخراج قابل للتعديل وتجزئة اختيارية بمفتاح (MAC).
التعليقات (0)
هل وجدت هذه الأداة مفيدة؟ اترك تعليقًا، أو شارك نصيحة، أو أخبرنا كيف يمكننا تحسينها.
لا توجد تعليقات بعد. كن أول من يشارك رأيه!