يقوم مكتشف الصور المعطلة بمسح كل وسم <img> وصورة خلفية CSS في الصفحة، ويكتشف عمليات التحميل الفاشلة (404، فشل CORS، اللوحات الملوثة)، ويعرضها في قائمة نظيفة. يمكنك التصفية حسب الصور المعطلة/الكل/خلفيات CSS، والانتقال إلى كل صورة وتمييزها في الصفحة، ونسخ قائمة عناوين URL المعطلة لتقارير الأخطاء السريعة.
الصور المعطلة هي أحد أكثر الأخطاء وضوحاً في صفحة الويب - ومع ذلك فمن السهل جداً تفويتها أثناء ضمان الجودة لأنها تفشل بصمت. مكتشف الصور المعطلة يلتقطها جميعاً. عند تنشيط الأداة، تتنقل عبر DOM لكل عنصر <img> (للتحقق من الأبعاد الطبيعية naturalWidth / naturalHeight لاكتشاف التحميل الفاشل) وكل عنوان URL لصورة خلفية CSS (عبر اختبار كل منها للتحقق من تحميله). يتم تصنيف النتائج كـ 'سليم' / 'معطل' / 'جارٍ التحميل' وتُعرض في قائمة قابلة للفلترة مع إحصائيات في الأعلى. يظهر كل إدخال عنوان URL، والنوع (صورة أو خلفية CSS)، والأبعاد إذا تم التحميل، ونص البديل (alt text) إن وجد. يتم تمييز الصور المعطلة باللون الأحمر ولها زر 'تحديد الموقع' الذي يقوم بالتمرير إلى العنصر في الصفحة ويومض بإطار أحمر حوله. يقوم زر 'نسخ الروابط المعطلة' بنسخ جميع العناوين الفاشلة دفعة واحدة لصقها في تقارير الأخطاء. يعمل على أي صفحة دون الحاجة للوصول إلى سجلات الواجهة الخلفية - بوابة سريعة لضمان الجودة البصرية.
يفحص كل عنصر <img> بالإضافة إلى كل عنوان URL لصورة خلفية في الأنماط المحسوبة. يتم تخطي عناوين Data URIs و blob URLs (فهي صالحة دائماً).
إحصائيات بلمحة واحدة توضح حالة صور الصفحة. يتم تحديث الأرقام مباشرة مع اكتمال عمليات الفحص غير المتزامنة.
بدل بين تبويبات 'المعطلة'، و'الكل'، و'خلفيات CSS'. ركز على ما يحتاج إلى إصلاح.
اضغط على 'تحديد الموقع' لأي صورة للتمرير إلى عنصرها في الصفحة وإظهار تمييز أحمر وامض حوله.
نقرة واحدة تنسخ قائمة روابط الصور المعطلة - ألصقها في تقرير أخطاء أو شاركها مع فريق الواجهة الخلفية.
محدد بـ 500 عملية مسح لخلفيات CSS للحفاظ على استجابة واجهة المستخدم في الصفحات ذات المحتوى الكثيف.
قم بتشغيل الأداة في بيئة التجريب قبل النشر لالتقاط أخطاء 404 الناتجة عن إعادة الهيكلة، أو تغيير أسماء الأصول، أو هجرات CDN.
قم بمسح الصفحات الحية بشكل دوري - فالصور المعطلة تضر بتحسين محركات البحث (SEO) وثقة المستخدم، وغالباً ما تفلت من الاختبارات المؤتمتة.
عندما يقوم المحررون برفع الصور، قد لا يصل بعضها أبداً إلى عنوان URL النهائي. قم بالمسح لالتقاط المراجع المعطلة.
إذا كنت تعتمد على خدمات صور خارجية (مثل الصور الرمزية، أو صور المنتجات المرتبطة خارجياً)، فقم بالمسح بانتظام لاكتشاف حالات الانقطاع.
بعد نقل الأصول إلى CDN أو مستودع (bucket) جديد، قم بمسح كل صفحة رئيسية للتحقق من أن عملية النقل لم تعطل أي شيء.
اضغط على أيقونة الصور المعطلة في لوحة DevSuite Pro. تفتح لوحة وتقوم بمسح الصفحة تلقائياً.
توضح الإحصائيات في أعلى اللوحة الإجمالي / السليم / المعطل / جارٍ التحميل. إذا كان عدد المعطلة > 0، انتقل لتبويب 'المعطلة' لرؤيتها.
اضغط على 'تحديد الموقع' في أي صف للتمرير إلى العنصر في الصفحة - سيومض إطار أحمر حوله لمدة ثانيتين.
اضغط على 'نسخ الروابط المعطلة' للحصول على القائمة الكاملة - ألصقها في تذكرة دعم، أو دردشة، أو تحقيق في الواجهة الخلفية.
بعد إصلاحات الواجهة الخلفية، اضغط على 'إعادة مسح الصفحة' للتحقق من أن جميع الصور يتم تحميلها الآن بشكل صحيح.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 64 أداة للمطورين لمتصفحك.
