AOS لنظام Google Chrome

AOS: ملحق كروم لتصحيح الأخطاء البصرية لرسوم التمرير

تم بناء AOS من قبل مجتمع AOS-extension والمساهمين، وهو إضافة لمتصفح Chrome توفر مساحة عمل لتصحيح الأخطاء بصريًا لمكتبة Animate On Scroll. يوفر تعليقات في الوقت الحقيقي حول نقاط تفعيل الرسوم المتحركة ويكشف عن فحص سمات AOS على مستوى العناصر. كما يبرز الأجزاء المرئية من الصفحة ويقدم مفاتيح لتجربة سلوك الرسوم المتحركة، مما يجعله مفيدًا لمطوري الواجهة الأمامية ومصممي واجهات المستخدم وتجربة المستخدم الذين يقومون بتحسين التفاعلات المدفوعة بالتمرير.

تظهر AOS بيانات التعريف على مستوى العنصر حتى يتمكن المطورون من فحص التوقيت والمحفزات

فحص العنصر يركز على السمات الخاصة بـ AOS مثل data-aos، data-aos-delay، وdata-aos-duration. توضح الإضافة كيف تتوافق هذه السمات مع سلوك الشاشة أثناء التمرير، مما يستبدل الفحوصات المتكررة في وحدة التحكم بعرض مرئي للعناصر المقررة للتحريك ومتى. هذا العرض موجه بشكل خاص إلى الصفحات التي تستخدم مكتبة التحريك عند التمرير.

التكامل مع سير عمل المطورين يقلل من التخمين أثناء الاختبار

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

مصممة لفرق الواجهة الأمامية التي تقوم بتحسين واجهات التمرير، وليس لتأليف الرسوم المتحركة

تشمل المستخدمين المستهدفين مهندسي الواجهة الأمامية ومصممي واجهة المستخدم/تجربة المستخدم الذين يحتاجون إلى ردود فعل بصرية أسرع أثناء تحسين التفاعلات. تقصر الإضافة حلقة تصحيح الأخطاء من خلال إزالة تسجيلات وحدة التحكم المتكررة وتقديم إشارات بصرية فورية حول منطق الرؤية. وهي متاحة لمتصفح Chrome ومتصفحات أخرى قائمة على Chromium على منصات سطح المكتب، مما يتناسب مع سير العمل متعدد المنصات للواجهة الأمامية دون أدوات إضافية.

AOS هي أداة QA مركزة للمطورين الذين ينهون حركات التمرير

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