انتقل إلى المحتوى الرئيسي
DailyBox

فاحص ⁦SVG⁩ لاكتشاف المشكلات في الكود

الصق ملف ⁦SVG⁩ أو افتحه لترى بنيته وألوانه وموارده، مع قائمة مشكلات تنقر عليها للانتقال إلى السطر المحدد.

أفلت ملف ⁦SVG⁩ هنا

حتى 5 ميغابايت. يُفتح داخل متصفحك فقط.

تتم معالجة ملف ⁦SVG⁩ في علامة تبويب المتصفح هذه. لا يُرفع أبدًا.

كيف يعمل

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

استخدامات شائعة

  • معرفة سبب ظهور ملف ⁦SVG⁩ فارغًا أو بحجم خاطئ.
  • إصلاح المعرّفات المكررة قبل وضع عدة ملفات ⁦SVG⁩ في صفحة واحدة.
  • سرد الألوان والخطوط التي يعتمد عليها الرسم.

ماذا تفعل الأداة

  • يكتشف ⁦XML⁩ غير الصالح وغياب ⁦viewBox⁩ والمعرّفات المكررة والمراجع المكسورة.
  • ينبّه إلى السكربتات ومعالجات الأحداث والمراجع الخارجية.
  • يتحقق من وجود ⁦title⁩ و⁦role⁩ لتسمّي قارئات الشاشة الرسم.
  • يسرد الألوان والتدرجات والصور والخطوط والمعرّفات والفئات مع استخدامها.

من المفيد أن تعرف

يقرأ الفاحص الكود ولا يرسمه. تُكتشف الألوان في السمات وسمات ⁦style⁩ وعناصر ⁦style⁩ بمسح بسيط وليس بتتالي ⁦CSS⁩ كامل، وفحوص إمكانية الوصول أساسية وليست تدقيقًا كاملًا.

الأسئلة الشائعة

ما الذي يُعدّ مشكلة؟
الأخطاء تعطّل الملف أو تكون خطرة، والتحذيرات قد تعطي نتائج خاطئة، والملاحظات يفيد الاطلاع عليها. كل عنصر يذكر نوعه.
لماذا تهم المعرّفات المكررة؟
عندما تتشارك عدة ملفات ⁦SVG⁩ صفحة، قد يجعل معرّف مكرر التدرجات والأقنعة والمراجع تشير إلى الشكل الخطأ.
هل حجم ⁦gzip⁩ حقيقي؟
نعم. يضغط متصفحك الكود ويعطي عدد البايتات الحقيقي. ويظهر فقط إن كان متصفحك يدعم ذلك.
هل يُرفع ملفي؟
لا. يعمل التحليل داخل علامة تبويب متصفحك.

أدوات ذات صلة