كنت أكتب مؤخرًا صفحة h5 مضمنة في عرض الويب للبرنامج المصغر، وهي وظيفة تعليقات المقالة، وفي هذه العملية، واجهت العديد من مشكلات التوافق، وكان الأداء في النماذج المختلفة أيضًا غير متسق للغاية، لذلك قمت بتلخيص المشكلات التالية. : قم بتسجيله حتى تتمكن من مراجعته لاحقًا
1. مشكلة التاريخبالنسبة إلى yyyy-mm-dd hh:mm:ss، لم يتعرف نظام ios على هذا التنسيق
عندما يتم تنسيق الوقت، تتم معالجته بشكل جيد من جانب المتصفح، ولكن على الهاتف المحمول، يصبح NAN، أو خاليًا. في هذه الحالة، لا يمكن لنظام iOS تحويل هذا النوع من الوقت.
Let date = new Date('2019-02-28 18:33:24'); // null`الحل هو تحويله إلى التنسيق yyyy/mm/dd hh:mm:ss.
استبدال (//-/ز، /)2. يتم وضع لوحة المفاتيح جانبًا والصفحة عالقة ولا تعود.
في نظام التشغيل iOS12، وجدت أنه عند سحب لوحة المفاتيح، ستظل الصفحة عالقة، ويترك الجزء السفلي فارغًا. إذا قمت بتحريك الصفحة قليلاً، فسيتم استعادتها.
بالنسبة لهذا النوع من المشاكل، قمت بالتحقق من العديد من الحلول على الإنترنت، وكان الحل تقريبًا هو تمرير الصفحة أثناء حدث التمويه.
window.scrollTo(0,scroll);
ولكن هناك مشكلة خطيرة للغاية: إذا كانت هناك أزرار في الصفحة تحتاج إلى التشغيل، على سبيل المثال، مربع إدخال تعليق + زر نشر، بعد إدخال النص، انقر فوق نشر، وعندما يتم تشغيل حدث النقر، يتم تشغيل الصفحة سيؤدي إلى تشغيل حدث التمويه أولاً، وستتراجع لوحة المفاتيح بعد ذلك. . . . النقر على الزر لا يفعل شيئًا.
الحل: تغيير حدث النقر إلى ontouchstart يمكن أن يحل هذه المشكلة. يعد حدث ontouchstart أفضل من تشغيل حدث النقر
3. في عرض الويب لتطبيق WeChat الصغير في نظام التشغيل iOS12، يتم سحب لوحة المفاتيح وسيكون الجزء السفلي من الصفحة فارغًا.يشتبه في أن سبب هذه المشكلة هو أن إعداد التمرير للصفحة يكون تلقائيًا.
4. فشل إصلاح iPhone، مما تسبب في تحرك مؤشر منطقة النص على بعض الأجهزة.الحل: جميع العناصر الشقيقة تصبح مطلقة، والعنصر الأصل overflow:auto;
العنصر الأصلي: الارتفاع: 100vh؛ الموضع: نسبي؛ الفائض: تلقائي؛ الحشو السفلي: 10 بكسل؛ الفهرس z: 15. تقوم لوحة المفاتيح بحظر صندوق الإدخال
إذا تم تثبيت مربع الإدخال في الأسفل باستخدام ثابت، فعندما يتم رفع لوحة المفاتيح، سيفشل التثبيت الثابت على iPhone، مما يتسبب في تمرير الصفحة. سيتم تمرير مربع الإدخال مع الصفحة، وفي بعض الطرز، سيتم تمرير مربع الإدخال في بعض الأحيان يتم حظره بواسطة لوحة المفاتيح. هذه المشاكل العرضية، غير ودية للغاية
الحل: توقف عن استخدام التخطيط الثابت إذا كانت الصفحة تحتوي على تمرير، فتوقف عن استخدام المطلق. إذا كنت مجبرًا على استخدام التخطيط المطلق، فيرجى الرجوع إلى المقالة السابقة حول إزاحة المؤشر.
يوصى باستخدام التخطيط المرن، وسيتم حل التوافق.
بالطبع، إذا واجهت المشكلات المذكورة أعلاه، فهذا يعني أن تصميم المنتج غير معقول للغاية، وإذا لزم الأمر، فلا تزال بحاجة إلى تغيير التصميم إلى تصميم لا يحتاج إلى دفع الإدخال بواسطة لوحة المفاتيح ليست مثالية لحل مشاكل جميع النماذج.
ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.