مدقق CSS

اعثر على أخطاء أوراق الأنماط وأصلحها على الفور. مباشرةً داخل متصفحك — دون الحاجة إلى نسخ ولصق الكود في مواقع خارجية.

مدقق CSS هو إضافة خفيفة للمتصفح تساعد المطورين والمصممين على العثور على الأخطاء في أوراق الأنماط وإصلاحها على الفور. سواء كنت تصحّح تخطيطًا معقدًا أو تتحقق من صفحة بسيطة، فإن أداة مدقق CSS هذه توفر لك ساعات من الفحص اليدوي. إنها تعمل مباشرةً داخل متصفحك - دون الحاجة إلى نسخ ولصق الكود في مواقع خارجية أو التبديل بين علامات التبويب.

هل سئمت من أخطاء أوراق الأنماط المخفية؟

إذا كنت تكتب الأنماط بانتظام، فأنت تعرف مدى إحباط الأخطاء المخفية. نقطة فاصلة منقوطة مفقودة، أو خاصية غير صالحة، أو محدد معطل يمكن أن يكسر تخطيطك بصمت. لهذا السبب بالضبط يهمّ وجود أداة تحقق من صحة CSS ومدقق CSS موثوقة. فهي تفحص أوراق الأنماط الخاصة بك في الوقت الفعلي وتُبرز كل مشكلة حتى تتمكن من إصلاحها في الحال 🔍

سير التحقق في 5 خطوات

1

افتح أي صفحة ويب

افتح أي صفحة ويب وانقر على أيقونة الإضافة.

2

الفحص تلقائيًا

يفحص مدقق كود CSS جميع أوراق الأنماط تلقائيًا.

3

راجع التقرير

راجع الأخطاء والتحذيرات والاقتراحات في لوحة التقرير.

4

دقّق التباين

انتقل إلى علامة تبويب التباين لتدقيق إمكانية الوصول.

5

أصلح وأعد التحقق

أصلح الكود وأعد التحقق منه بنقرة واحدة.

ما الذي يميّز مدقق CSS هذا

🔍

تحقق فوري من صحة CSS

تحقق فوري من صحة أوراق الأنماط بأداة التحقق من صحة CSS على الصفحة الحالية.

تقارير أخطاء مفصلة

تقارير مفصلة عن الأخطاء والتحذيرات مع أرقام الأسطر.

📌

مدقق CSS و XPath

دعم وظائف مدقق CSS و XPath.

🎨

مدقق التباين

مدقق تباين ألوان CSS مدمج لإمكانية الوصول.

🔒

مدقق التوافق

مدقق توافق CSS للدعم عبر المتصفحات.

إعادة فحص بنقرة واحدة

إعادة الفحص بنقرة واحدة بعد التغييرات.

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

يعتمد العديد من المطورين على مواقع التحقق الخارجية، لكن التبديل بين علامات التبويب ولصق الكود بطيء. يجلب مدقق CSS هذا كل شيء مباشرةً إلى أدوات التطوير الخاصة بك - حيث تحتاج إليه تمامًا

ميزة التوافق مفيدة بشكل خاص عندما تدعم متصفحات متعددة. تشير إلى الخصائص التي قد لا تعمل في الإصدارات القديمة من Chrome أو Firefox أو Safari أو Edge حتى تتمكن من إضافة بدائل احتياطية قبل أن يواجه المستخدمون أخطاءً بصرية 🔒

من يمكنه الاستفادة من أداة مدقق CSS هذه

💻

مطورو الواجهة الأمامية

مطورو الواجهة الأمامية الذين يصحّحون أوراق الأنماط في الإنتاج.

🎨

المصممون

المصممون الذين يتحققون من تطابق أنماطهم مع التصميم المقصود.

🧪

مهندسو ضمان الجودة

مهندسو ضمان الجودة الذين يجرون تدقيقات التوافق عبر المتصفحات.

🎓

الطلاب

الطلاب الذين يتعلمون تطوير الويب ويرغبون في تعليقات فورية.

متخصصو إمكانية الوصول

متخصصو إمكانية الوصول الذين يتحققون من نسب التباين لتلبية معايير WCAG.

واحدة من أكثر الميزات شيوعًا هي مدقق تباين ألوان CSS المدمج. التباين الضعيف بين النص والخلفية انتهاك شائع لإمكانية الوصول. تقيّم أداة التحقق من صحة CSS هذه أزواج الألوان الخاصة بك وفق إرشادات WCAG 2.1 وتشير إلى أي تركيبة لا تلبي عتبات AA أو AAA. يبدأ التصميم القابل للوصول بالتحقق الصحيح من التباين 🎨

بالأرقام

6
أدوات تحقق
فوري
اكتشاف الأخطاء
صفر
إعدادات مطلوبة
100%
مجاني ومفتوح

كيف تعمل أداة التحقق من صحة CSS

تكتشف جميع أوراق الأنماط المرتبطة والمضمّنة في الصفحة النشطة وتحلل كل واحدة بحثًا عن المشكلات:

تكتشف أوراق الأنماط

تكتشف جميع أوراق الأنماط المرتبطة والمضمّنة في الصفحة النشطة.

تحلل وتفحص

تحلل كل ورقة أنماط وتفحصها بحثًا عن أخطاء الصياغة والخصائص غير المعروفة.

تجمّع النتائج

تجمّع النتائج حسب الملف حتى تتمكن من التنقل في المشاريع الكبيرة بسهولة.

تُبرز النتائج

يُبرز مدقق CSS النتائج ذات الصلة مباشرةً في لوحة التقرير.

أسئلة شائعة

هل يدعم الخصائص الحديثة؟

نعم — يتعرّف مدقق صياغة CSS على أحدث المواصفات بما في ذلك الخصائص المخصصة و grid واختصار flexbox.

هل يمكنني استخدامه كمدقق CSS و XPath؟

بالتأكيد — تتضمن الإضافة التحقق من XPath جنبًا إلى جنب مع تحليل أوراق الأنماط.

هل يعمل على الملفات المحلية؟

نعم، فعّل الوصول إلى الملفات في إعدادات متصفحك.

كيف يعمل فحص التباين؟

تقيّم أداة التحقق من صحة CSS هذه أزواج الألوان الخاصة بك وفق إرشادات WCAG 2.1 وتشير إلى أي تركيبة لا تلبي عتبات AA أو AAA.

هل الإضافة آمنة؟

نعم! نحن نقرأ فقط CSS الصفحة وخصائص DOM لمساعدتك على فحص الأنماط. راجع سياسة الخصوصية لمزيد من التفاصيل.

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

الميزات الرئيسية في لمحة:

توقف عن إضاعة الوقت في البحث عن أخطاء أوراق الأنماط

مع مدقق أخطاء CSS مخصص ومدقق تباين CSS موثوق في إضافة واحدة، لديك كل ما تحتاجه لكتابة أوراق أنماط نظيفة وقابلة للوصول وخالية من الأخطاء ✅

ثبّت مدقق CSS اليوم

مجاني وسريع ومبني على يد مطورين يفهمون معاناة أوراق الأنماط.