تنسيق JavaScript / CSS

تنسيق الشيفرة المصدرية لـ JavaScript وCSS

المميزات

تنسيق يدعم JS وCSS معاً

تنسيق كل من JavaScript وCSS بالتبديل بين التبويبات

اختيار عرض المسافة البادئة من 4 أنواع

دعم مسافتين و4 مسافات وعلامة جدولة وضغط

إمكانية اختيار نمط الأقواس

تحديد وضع القوس المفتوح في السطر نفسه أو بعد سطر جديد في JS

ثبات باعتماد Prettier

نتائج إخراج مستقرة بمكتبة التنسيق الشائعة

طريقة الاستخدام

1

اختيار تبويب اللغة

بدّل بين تبويب JavaScript أو CSS لتحديد الهدف

2

لصق الشيفرة

أدخل الشيفرة المصدرية المراد تنسيقها في حقل الإدخال

3

ضبط النمط

اختر عرض المسافة البادئة ونمط الأقواس حسب تفضيلك

4

تنفيذ التنسيق

بالضغط على زر التنسيق تُعرض النتيجة مع إمكانية النسخ والحفظ

حالات الاستخدام

التنسيق قبل مراجعة الشيفرة

ترتيب الشيفرة المشوّشة إلى نمط موحّد لتسهيل المراجعة

جعل الشيفرة المضغوطة قابلة للقراءة

نشر الشيفرة المصغّرة وفك معناها

ضغط شيفرة التسليم

تقليل حجم الملف للتوزيع عبر خيار الضغط

تنميق نماذج التعلّم

ترتيب الشيفرة المنسوخة لتصبح أسهل قراءة ودعم الفهم

المعرفة الأساسية

ما هو تنسيق الكود (Formatting)؟

تنسيق الكود يعني محاذاة المظهر مثل المسافات البادئة والأسطر الجديدة وموضع الأقواس وفقًا لقواعد محددة دون تغيير الوظيفة. عندما تختفي تباينات الكتابة، يصبح قراءة الفروقات أسهل حتى في التطوير الجماعي، مما يقلل من عبء المراجعة.

ما هو Prettier؟

Prettier هو منسق يستخدم على نطاق واسع عالميًا لتنسيق JavaScript و CSS، وقد تم إنشاؤه بفلسفة توحيد التنسيق بـ "الاعتماد على الأداة" لتجنب النقاشات حول تفاصيل الصيغة.

الأمان والخصوصية

تتم بالكامل في المتصفح

تُعالَج البيانات المُدخَلة داخل متصفحك فقط ولا تُرسَل إلى الخارج.

المعالجة داخل المتصفح فقط

تتم معالجة تنسيق الشيفرة بالكامل داخل متصفحك، ولا يتم إرسال بيانات الإدخال إلى الخادم.

تشفير الاتصالات بـ HTTPS

يتم تشفير تحميل الصفحة أيضاً بـ TLS، بحيث لا يمكن قراءة محتواها من قبل الأطراف الثالثة.

عدم الإرسال إلى أطراف ثالثة

لا يتم إرسال محتوى الإدخال إلى خدمات خارجية مثل شبكات الإعلانات أو أدوات التتبع.

عدم الحفظ التلقائي للنتائج

لا يتم حفظ نتيجة التنسيق أو اقتراحات الإدخال على الخادم.

تابع RAKKOTOOLS على بحث Google

175 أداة مفيدة تصبح أسهل في الاستكشاف من بحث Google والبحث بواسطة الذكاء الاصطناعي!

  • يظهر في نتائج البحث
  • يظهر أيضاً في بحث الذكاء الاصطناعي
  • اكتشف الأدوات الجديدة

التحديثات

الأدوات ذات الصلة