اكتشاف الملء التلقائي للمتصفح: دليل تفصيلي

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

متى يحدث الملء التلقائي؟

• لاسم المستخدم/كلمة المرور الحقول:
  Firefox 4 وIE 7 وIE 8: لا يؤدي إلى تشغيل أحداث التغيير عند الملء التلقائي.
  Safari 5 وChrome 9: يقوم بتشغيل أحداث التغيير.
• بالنسبة لحقول النموذج الأخرى:
  IE 7 و IE 8: لا يؤدي إلى تشغيل أحداث التغيير.
  • فايرفوكس 4: يقوم بتشغيل الأحداث عندما يقوم المستخدمون بالاختيار من قائمة الاقتراحات ويخرجون منها.
  • Chrome 9: لا يؤدي إلى تشغيل أحداث التغيير.
  • Safari 5: مشغلات تغير الأحداث.
كيفية الكشف الملء التلقائي

لا يعد اكتشاف الملء التلقائي أمرًا سهلاً بسبب عدم تناسق المتصفح. فيما يلي بعض الخيارات:

تعطيل الملء التلقائي لحقول معينة باستخدام "الإكمال التلقائي = 'إيقاف'" في HTML.
• بشكل دوري التحقق من قيمة الحقل:
تحقق بانتظام من قيمة حقل الإدخال لتحديد ما إذا كان كذلك
مشغل مستمع الحدث:
• تقوم بعض المتصفحات بتشغيل الأحداث عند الملء التلقائي:

  Chrome: استخدم حدث "الإدخال" (على سبيل المثال، ).

  فايرفوكس: استخدم الحدث "change" لبعض النماذج الحقول.
الاعتبارات الخاصة بالمتصفح:

• ] يؤدي الملء التلقائي إلى حدوث تغيير لبعض الحقول.

  يمكن استخدام ملحق مراقبة الأداء لقياس الملء التلقائي الأداء.
  Chrome:
• يؤدي إلى تشغيل حدث "إدخال" عند الملء التلقائي.
  لا يدعم "الإكمال التلقائي" لـ CSS " الخاصية.
  • رحلات السفاري:
مشغلات تغيير الأحداث لبعض الحقول.

• يدعم خاصية "الإكمال التلقائي".

  • إضافي الموارد:

[دليل إمكانية الملء التلقائي لـ W3C](https://www.w3.org/TR/html-dev/forms.html#autofill)[ اكتشاف الملء التلقائي في المتصفحات](https://blog.bitdefender.com/web-client/detecting-autofill-in-browsers/)