سأخبرك عن إحدى ميزات الملء التلقائي للمتصفح والتي تمنعك من إنشاء نموذج تسجيل دخول

عن ماذا نتحدث؟

لنفترض أن لدينا نموذج تسجيل دخول، شيء من هذا القبيل:

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

سوف تحصل على شيء مثل هذا:

معظم الخدمات على الإنترنت تفعل هذا بالضبط. لقد جمعت بعض نماذج تسجيل الدخول من خدمات مختلفة. هنا:

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

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

يتحقق رمز JavaScript خاص من قيم كلا الحقلين، وإذا تم إدخال شيء ما في كليهما، فسيتم تشغيل زر تسجيل الدخول.

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

يبدو أن كل شيء على ما يرام الآن:

ما المشكلة

هناك أيضًا مشكلة ثانية في حظر نموذج تسجيل الدخول - مشكلة عطل Yandex

ولكن هنا الواقع القاسي يتداخل مع التصميم. إذا كان الملء التلقائي يعمل في Chrome، فسيتم ملء الحقول (سيقوم Chrome بتمييز حقول الملء التلقائي باللون الأصفر)، ولكن سيتم حظر الزر:

ماهذا الهراء؟ ماذا يحدث؟

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

إليك المشكلة في أداة تعقب الأخطاء في Chrome: bugs.chromium.org/p/chromium/issues/detail?id=163072.

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

كيف يمكنك الخروج

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

1. الإكمال التلقائي لحقل الصيد

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

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

2. السماح للضغط، ولكن لا تظهر نقشين باللون الأحمر

الطريقة الثانية هي عدم حجب الزر، ولكن في نفس الوقت عدم ظهور رسالتين باللون الأحمر "عزيزي المستخدم، نأسف لأنك غير قادر على التعامل مع ملء حقلين". يمكنك التعامل مع إرسال نموذج فارغ بطريقة أكثر أناقة. على سبيل المثال، يمكنك هز نموذج تسجيل الدخول، كما يفعل Zeplin (http://app.zeplin.io).

3. قم بتغيير التصميم بحيث يتم تعطيل حماية Chrome

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

على سبيل المثال، على موقع Lebedev Studio، يكون تسجيل الدخول في نافذة منبثقة، لذا بحلول الوقت الذي يظهر فيه نموذج تسجيل الدخول، سيكون Chrome قد قام بتعطيل جميع وسائل الحماية ولن يتدخل الملء التلقائي.

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

هذه هي الفطائر.

يتعين على مستخدمي الإنترنت كل يوم ملء نماذج مختلفة على مواقع الويب والمتاجر عبر الإنترنت. وهذا غالبا ما يأخذ وقتنا الثمين.

لنأخذ، على سبيل المثال، الموقع الإلكتروني لأحد منظمي الرحلات السياحية. الكثير من المجالات، أليس كذلك؟

ويجب أن أقول أنه من المرهق للغاية الدخول في كل منها والاختيار. خاصة إذا كان عليك القيام بذلك عدة مرات.

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

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

مميزات برنامج XWeb Human Emulator

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

كما ترون، حتى هذا يكفي لاستدعاء البرنامج غنيًا وظيفيًا.

والآن، سأوضح لك بمثال كيف يمكنك أتمتة عملية ملء نموذج على موقع ويب.

نموذج الملء التلقائي

في شريط العناوين (مظلل بعلامة صفراء). أدناه، على الجانب الأيمن من نافذة البرنامج، يتم تحميل صفحة ويب تحتوي على نموذج للبحث وحجز الجولات.

2. حدد قسم "ماكرو" في القائمة الرئيسية و انقر على "سجل".ويمكن القيام بنفس الشيء عن طريق الضغط على المفاتيح الساخنة Ctrl+Shift+R. الآن سيقوم البرنامج بتسجيل جميع أعمالنا في ماكرو منفصل.

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

باستخدام الإكمال التلقائي

لاستخدام القيمة التي تم إدخالها مسبقًا:

1. أدخل الأحرف القليلة الأولى من الإدخال في حقل النموذج. سيعرض Firefox قائمة منسدلة بأحرف البداية المطابقة للقيم التي أدخلتها هنا سابقًا.
   • يمكنك رؤية قائمة بجميع السجلات المحفوظة لحقل نموذج معين عن طريق الضغط على المفتاح ↓ عندما يكون الحقل فارغًا.
2. اضغط على المفتاح ↓ لتحديد الإدخال الذي تريد إعادة استخدامه. عندما يتم تمييز الإدخال المطابق، انقر فوق يدخليعود. سيظهر نص الإدخال في حقل النموذج. يمكنك أيضًا تحديد القيمة المطلوبة عن طريق النقر بالماوس.

حذف القيم المخزنة الفردية

إذا كنت تريد إزالة أي قيمة من قائمة الإكمال التلقائي:

1. ضع المؤشر في حقل النموذج واضغط على ↓ لعرض كافة القيم المخزنة. يمكنك أيضًا تحسين اختيارك عن طريق إدخال الأحرف القليلة الأولى.
2. استخدم مؤشر الماوس أو المفتاح ↓ لتحديد القيمة المطلوبة.
3. انقر التحول +يمسح. سيتم حذف الإدخال.

كرر العملية لكل إدخال تريد حذفه.

مسح سجل النموذج

إذا كنت تريد أن يقوم Firefox بحذف جميع إدخالات النموذج التي تم إدخالها مسبقًا:

كيفية تعطيل الملء التلقائي ومنع Firefox من تذكر المزيد من القيم المدخلة في النماذج

إذا كنت تريد ألا يتذكر Firefox القيم المدخلة في حقول النموذج، فيمكنك تعطيل ميزة الملء التلقائي للنموذج:

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

استكشاف الأخطاء وإصلاحها

إذا وجدت أن Firefox لا يتذكر القيم المدخلة في حقول النموذج، أو لا يمكنك تحديدها، يرجى قراءة المقال

للجميع حواسيب شخصيةأجهزة الكمبيوتر المحمولة, أجهزة محمولةمع نظام التشغيلتم تثبيت متصفح Android Chrome. إنها الوحدة الرئيسية لعرض موارد الإنترنت المختلفة.

يحب العديد من المستخدمين هذا النظام، لكن وجود وظيفة الملء التلقائي هو الذي غالبًا ما يربكهم. من الممكن تعطيله بالكامل، وسيتمكن المستخدمون من معرفة كيفية القيام بذلك بالضبط الآن.

كيفية إيقاف التحميل التلقائي على المتصفح، ميزات إعدادات جوجل كروم

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

الملء التلقائي - أين يوجد هذا الإعداد وكيفية تغييره

جوجل كروم يكفي متصفح سريعوالذي يستخدمه أكثر من 80% من الأشخاص الذين يتعاملون معه معدات الحاسوب. يستخدم النظام التحميل التلقائي لتسهيل حياة المستخدم وتوفير الوقت وإدخال البيانات بشكل صحيح من المرة الأولى. إذا أراد الشخص حذف هذا الإعداد بالذات لسبب ما، فعليه القيام بما يلي:

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

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

كلتا الطريقتين مناسبتان للمستخدم لإزالة بدء التشغيل ومحو البيانات غير الضرورية.

Chrome - كيفية إعادة تكوين التشغيل التلقائي

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

• على شريط الأدوات الرئيسي، حدد قائمة الإعدادات؛
• انتقل إلى إعدادات المتصفح المتقدمة وحدد "إدارة الإعدادات"؛
• ابحث عن القسم الفرعي "كلمات المرور والنماذج"، بالضغط على زر التنشيط، ابدأ التحميل التلقائي.

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

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

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

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

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

في الإصدار التالي من Chrome (M43)، سنجعل ملء النماذج أسهل وأسرع: وسنوسع الدعم للبيانات من بطاقات الائتمان والعناوين من خرائط جوجل. وهذا يعني أنه يمكن استخدام نفس البيانات لعمليات الشراء في تطبيقات جوجل، وعلى المواقع الخارجية. إذا كنت تستخدم السمات القياسية الملء التلقائي، يمكنك التأكد من أن المستخدمين سيقضون وقتًا ممتعًا في التفاعل مع النماذج الموجودة على موقعك لأن ميزة الملء التلقائي في Chrome يمكنها ملئها بدقة 100%.

تعد سمات الإكمال التلقائي وسيلة لك كمطور للتحكم في كيفية ملء المتصفح لحقل معين. على سبيل المثال، إذا كنت تتوقع أن يقوم المستخدم بإدخال اسم شارع، فيمكنك استخدام الإكمال التلقائي = "address-line1" لإخبار المتصفح بنوع البيانات التي تتوقع تلقيها. سيؤدي هذا إلى منع المتصفح من التخمين بشكل غير صحيح وملء حقول النموذج، الأمر الذي قد يكون غير مريح للمستخدم.

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

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

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

السمات الأساسية

اسم

بريد

عنوان

هاتف

يمكن استكمال سمات الإكمال التلقائي باسم القسم، على سبيل المثال:

• شحن- اسم
• الفواتير- عنوان الشارع

مثال على نموذج الدفع

عادات مفيدة عند العمل مع النماذج

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

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

تجريبي

المقال الأصلي: ساعد المستخدمين على الخروج بشكل أسرع من خلال ميزة الملء التلقائي للمقالة