Wp-rocket: Delay JS - يجب النقر فوق الروابط مرتين على iOS / Safari

كان لدي عميل أبلغ عن هذا باستخدام المكون الإضافي Flying Scripts أيضًا.

بعد البحث ، وجدت أن هناك مشكلة على IOS مع Safari تتعلق باستخدام touchstart أو touchmove دون استخدام touchend مما يجعل الروابط مشكلة النقر المزدوج (تحتاج إلى النقر فوق) أي نقطة من الشاشة عند النقر أولاً ثم يمكنك النقر فوق أي رابط)

يحاول الرابط التالي إبراز المشكلة:
https://stackoverflow.com/a/10340968

قمت بإجراء التغيير التالي على موقع العميل وحل المشكلة:
https://github.com/wp-media/wp-rocket/blob/7ec9d996f004707a57c4c8476090d5bd943051f0/assets/js/lazyload-scripts.js#L91 -L99
استبدل touchmove بـ touchmove touchend
استبدل touchstart بـ touchstart touchend

بعد التحقق من @ hellofromtonya ، قالت: -

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

لذلك سأضيف الاحتياجات: تسمية البحث والتطوير ليتم التحقيق فيها.

حالة أخرى: https://secure.helpscout.net/conversation/1296370691/198532؟
أبلغ العميل عن حدوث ذلك في chome و safari على الهاتف المحمول

تذكرة ذات صلة: https://secure.helpscout.net/conversation/1296809928/198688/

تذكرة ذات صلة: https://secure.helpscout.net/conversation/1322836283/206594؟

تذكرة ذات صلة: https://secure.helpscout.net/conversation/1334490646/210819/

تذكرة ذات صلة: https://secure.helpscout.net/conversation/1336672544/211528/
الملاحظات وتسجيل الشاشة في الملاحظات. تحدث المشكلة في كل من متصفحي Safari و Chrome.

بعد البحث ، وجدت أن هناك مشكلة على IOS مع Safari تتعلق باستخدام touchstart أو touchmove دون استخدام touchend مما يجعل الروابط مشكلة النقر المزدوج (تحتاج إلى النقر فوق) أي نقطة من الشاشة عند النقر أولاً ثم يمكنك النقر فوق أي رابط)

يحاول الرابط التالي إبراز المشكلة:
https://stackoverflow.com/a/10340968

قمت بإجراء التغيير التالي على موقع العميل وحل المشكلة:
https://github.com/wp-media/wp-rocket/blob/7ec9d996f004707a57c4c8476090d5bd943051f0/assets/js/lazyload-scripts.js#L91 -L99

استبدل touchmove بـ touchmove touchend
استبدل touchstart بـ touchstart touchend
بعد التحقق من @ hellofromtonya ، قالت: -

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

لذلك سأضيف الاحتياجات: تسمية البحث والتطوير ليتم التحقيق فيها.

لقد جربت هذا الاقتراح ولكنه للأسف لم يحل المشكلة على نظام التشغيل iOS (بالنسبة لي على الأقل).

نفس المشكلة. جربت هذه الميزة لأول مرة منذ بضعة أيام وحصلت على تقارير فورية تفيد بأن الروابط على نظام التشغيل iOS لا تعمل وأنهم بحاجة إلى النقر المزدوج للعمل. حاولت على أجهزة 2 x iOS 14 وأكدت أن هذه المشكلة معطلة في الوقت الحالي.

أي تحديثات على هذا؟

ذات صلة: https://secure.helpscout.net/conversation/1367506767/223234

نفس المشكلة. أي تحديثات؟

تعاني من نفس الخطأ مع كل من WP-Rocket و Flying Scripts. استبدال touchstart و touchmove لم يساعد.

ذات صلة: https://secure.helpscout.net/conversation/1376564315/226026/

يحدث هذا على متصفح iOS Chrome بدلاً من Safari. يمكن لأي شخص آخر أن يؤكد؟

لقد أسقطنا المكون الإضافي WP Rocket في الوقت الحالي ، هذه المشكلة مفتوحة بالفعل لمدة 3 أشهر ولا أشعر أنه سيتم إصلاحها في أي وقت قريبًا مع عدد المشكلات المفتوحة الحالية (+400).

ذات صلة: https://secure.helpscout.net/conversation/1379195337/226677

أمل WP-Rocket إضافة "الإصلاح" قريبًا :)

أي تحديث من المطورين؟ أنت تعمل على ذلك؟

@ wp-media / dev نظرًا لأننا نشهد المزيد والمزيد من هذا ، وبما أن الخطأ يجعل الميزة غير قابلة للاستخدام تمامًا ، أعتقد أننا بحاجة إلى إعطاء الأولوية لها. لقد أضفته إلى السباق التالي لمعرفة ما إذا كان بإمكاننا إيجاد حل. 🙏

@ wp-media / dev نظرًا لأننا نشهد المزيد والمزيد من هذا ، وبما أن الخطأ يجعل الميزة غير قابلة للاستخدام تمامًا ، أعتقد أننا بحاجة إلى إعطاء الأولوية لها. لقد أضفته إلى السباق التالي لمعرفة ما إذا كان بإمكاننا إيجاد حل. 🙏

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

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

@ wp-media / dev نظرًا لأننا نشهد المزيد والمزيد من هذا ، وبما أن الخطأ يجعل الميزة غير قابلة للاستخدام تمامًا ، أعتقد أننا بحاجة إلى إعطاء الأولوية لها. لقد أضفته إلى السباق التالي لمعرفة ما إذا كان بإمكاننا إيجاد حل. 🙏

شكرا! أنا حقًا أحب هذه الميزة - ستكون رائعة إذا كان من الممكن استخدامها على جميع مواقع الويب الخاصة بي!

@ wp-media / productrocket بعض التعليقات الواردة من الفريق حول هذا الموضوع:

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

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

الحدث Need and mouseWheel و setTimeOut. على البرامج النصية للوحة الماوس مثل Infinite Scroll والنصوص الأخرى ، لا يعمل بشكل صحيح ، ولا يتم تحميل الصفحة التالية إذا كان mousewhell فقط. بشكل عام ، ينطبق هذا على جميع البرامج النصية ، وهو أمر بالغ الأهمية.
Delay JS بدون setTimeOut يتسبب أيضًا في حدوث مشكلات ، بالإضافة إلى الروابط التي تحتاج إلى النقر فوقها مرتين. مثال: في الجزء الروسي ، محرك بحث Yandex. يمكن للعداد أن يستخدم عارض ويب ، وهذا هو سجل لإجراءات المستخدم. وفقًا لذلك ، لا ينبغي تأخير النص البرمجي: نظرًا لأنه عند عرض إجراءات المستخدم ، يجب تحميل البرنامج النصي المضاد على الموقع. وبطبيعة الحال لا يتم تحميله لأنه لا توجد إجراءات ، ولا تحدث "keydown" أو "mouseover" أو "touchmove" أو "touchstart" في العارض.

أود حقًا أن أعرف كيف يفكر فريق WP Rocket في ذلك ، ولكن على الأقل خيار التحميل التلقائي بعد x ثانية أمر لا بد منه حتى يعمل iOS على إصلاح المشكلة.

@ wp-media / productrocket بعض التعليقات الواردة من الفريق حول هذا الموضوع:

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

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

أي جدول زمني لتنفيذ حل المهلة؟

تحميل البرامج النصية بعد X ثانية ليس هو الحل. القيام بذلك يتعارض تمامًا مع مصلحة هذه الميزة. إذا تمكنا من إيجاد حل دون القيام بذلك ، فسنحاول المضي قدمًا في هذا الطريق.

arunbasillal @ engahmeds3ed هل يمكنك إعادة بعض الاختبارات؟

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

أي جدول زمني لتنفيذ حل المهلة؟

لا يمكننا توفير أي وقت مقدر للوصول.

GeekPress عندما

GeekPress عندما

لا أعتقد أن الاختبار باستخدام Mobile Preview في أداة Chrome Developer Tool يعطي نفس النتيجة مثل الاختبار الفعلي على جهاز iOS بسبب الاختلاف في إيماءات اللمس.

Roboonl أنت على حق ، يجب أن تكون مختلفة. وأنا لا أفعل ذلك. أنا ببساطة أتساءل عما إذا كان من المقبول لـ WP Rocket عدم تحميل البرامج النصية أبدًا في ظل ظروف (شروط) معينة.

هناك حاجة إلى setTimeOut ، أو بالأحرى ضرورية.

ذات صلة: https://secure.helpscout.net/conversation/1406743456/234374/

الحالة ذات الصلة: https://secure.helpscout.net/conversation/1405169718/233859/

المتصفح: سفاري وكروم
الجهاز: iPhone 11 Pro

ستؤدي إضافة مشغل المهلة أيضًا إلى حل https://github.com/wp-media/wp-rocket/issues/3420

ستؤدي إضافة مشغل المهلة أيضًا إلى حل الرقم 3420

piotrbak لست متأكدًا من أن # 3420 مرتبط بهذه المشكلة. إصلاح # 3454 هل يجب أن أفكر في الإصلاح رقم 3420

GeekPress من فهمي ، كان المستخدمون يتجولون في صفحة الويب ولم يتم تشغيل Delay JS. لم يتم تحميل النص البرمجي لبرنامج Google Analytics بعد ذلك.

يبدو أنك محق بشأن https://github.com/wp-media/wp-rocket/issues/3454 ، فهي مرتبطة أيضًا بالهواتف المحمولة. من المحتمل أن تحل أي من هذه المشكلات https://github.com/wp-media/wp-rocket/issues/3420
شكرا

أي تحديث؟

arunbasillal غير قادر على إضافة خيار في WP-صاروخ لهذا لاستبعاده على صفحات معينة بدلاً من ذلك في هذه الأثناء؟
مثل Flying Scripts ، لديهم خيار استبعاد Delay JS لصفحات معينة تحتوي على كلمات رئيسية.

قضية أخرى:
https://secure.helpscout.net/conversation/1417928403/237257؟folderId=2683093

لا أعتقد أن الاختبار باستخدام Mobile Preview في أداة Chrome Developer Tool يعطي نفس النتيجة مثل الاختبار الفعلي على جهاز iOS بسبب الاختلاف في إيماءات اللمس.

Roboonl تم اختباره على جهاز محمول حقيقي. يرجى تجربة موقعنا على الهاتف المحمول ، فأنت لست بحاجة إلى النقر مرتين.

roberthedlund كان يجب أن

لا أعتقد أن الاختبار باستخدام Mobile Preview في أداة Chrome Developer Tool يعطي نفس النتيجة مثل الاختبار الفعلي على جهاز iOS بسبب الاختلاف في إيماءات اللمس.

Roboonl تم اختباره على جهاز محمول حقيقي. يرجى تجربة موقعنا على الهاتف المحمول ، فأنت لست بحاجة إلى النقر مرتين.

roberthedlund كان يجب أن

https://ibb.co/qYVyhh6

roberthedlund حسنًا ، يمكنك فعل ذلك بالفعل باستخدام WP Rocket أيضًا. ما عليك سوى الانتقال إلى شاشة تحرير صفحتك ، وفتح مربع التعريف «WP Rocket Options» ، وإيقاف تشغيل خيار Delay JS Execution.

roberthedlund حسنًا ، يمكنك فعل ذلك بالفعل باستخدام WP Rocket أيضًا. ما عليك سوى الانتقال إلى شاشة تحرير صفحتك ، وفتح مربع التعريف «WP Rocket Options» ، وإيقاف تشغيل خيار Delay JS Execution.

نعم ولكن ليس من المثالي القيام بذلك يدويًا على أكثر من 100 صفحة على سبيل المثال.

أي تحديث؟

لا تزال هذه المشكلة متاحة مع الإصدار 3.8.6 مع Chrome على Android. لقد جربت للتو Fying Scripts ، ثم لم يحدث خطأ النقر المزدوج هذا. بالنسبة لنظام iOS ، حتى مع Flying Scripts ، يتعين على المشاهدين النقر نقرًا مزدوجًا.

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

socialpreneur بالنسبة لنظام iOS ، هل تحاول استخدام هاتف محمول حقيقي وليس بمحاكاة؟

لماذا أطرح السؤال؟

أعد المحاولة بنفسي مرة أخرى على جهاز iPhone 8 الخاص بي ولا يتعين علي النقر مرتين على جميع مواقع الويب التي جربتها والتي تحتوي على Delay JS بما في ذلك موقع الويب الخاص بنا.

GeekPress على الهاتف المحمول الحقيقي ، بما في ذلك أنا وهاتف موكلي ، لذلك اضطررت إلى تعطيل Delay JS تمامًا. لم تعمل Flying Scripts أيضًا ، لذلك أعتقد أن هذا هو قيود iOS في الوقت الحالي.

تمت الإضافة: يبدو أن هناك بعض البرامج النصية الخارجية أو الداخلية التي تسبب هذه المشكلة. ليس كل موقع يستخدم Delay JS of WP Rocket أو Flying Scripts لديه أعراض النقر المزدوج هذه. حتى الآن موقعان لا يحتويان على هذه المشكلة لا يستخدمان AdSense. أعتقد أننا سنحتاج إلى جمع المزيد من الحالات لمعرفة السبب.

تضمين التغريدة

socialpreneur بالنسبة لنظام iOS ، هل تحاول استخدام هاتف محمول حقيقي وليس بمحاكاة؟

لماذا أطرح السؤال؟

أعد المحاولة بنفسي مرة أخرى على جهاز iPhone 8 الخاص بي ولا يتعين علي النقر مرتين على جميع مواقع الويب التي جربتها والتي تحتوي على Delay JS بما في ذلك موقع الويب الخاص بنا.

لقد جربت الكثير من المواقع التي تستخدم Delay JS ، وحاولت على هواتف حقيقية. iPhone 8 و iPhone SE و iPhone 11 وجميعهم لديهم هذه المشكلة. يعمل أحيانًا عند "النقر" أولاً ثم يتوقف الآخرون تمامًا عن العمل. لذا فإن القضية حقيقية.

socialpreneur هل جربت على موقعنا (https://wp-rocket.me)؟ كما قلت ، لا يمكنني إعادة إظهار المشكلة بعد المحاولة على موقعين.

هل لي أن أعرف إصدار iOS الذي تستخدمه؟

GeekPress ليس كل ما تراه هو الحقيقة. إذا كان هناك مستخدم واحد على الأقل من مستخدمي WP Rocket يواجه المشكلة ، فنحن بحاجة إلى فعل كل شيء وأي شيء لحل المشكلة. iOS الخاص بي هو 14.4 ، وسأطلب من عميلي إصدار iOS الخاص به. كما قلت ، نظرًا لأن هذا يحدث في كل مكونات Delay JS الإضافية الموجودة (WP Rocket ، و Flying Scripts ، و Perfmatters) على موقع معين مع نصوص برمجية معينة ، فهذا ليس سببًا فقط.

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

سأخبرك إذا وجدت أي شيء.

تمت إضافة 1: حسنًا ، إليك الموقع الثالث الذي يواجه المشكلة. ربما يمكنني تضييق نطاق بعض النصوص الشائعة.

تمت إضافة 2: حتى الآن لن يؤدي مجرد تمكين Delay JS إلى تشغيل هذه المشكلة.

ولكن عندما أقوم بتعيين بعض البرامج النصية ، انقر نقرًا مزدوجًا / انقر فوق يبدأ في الحدوث.

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

تمت إضافة 4: إليك أخبار جيدة. هناك موقع آخر يواجه نفس المشكلة يستخدم TOC Plus أيضًا. GeekPress ، يرجى اختباره مع تمكين هذا البرنامج المساعد. وأخبر جميع موظفي الدعم لديك بتأكيد ما إذا كان المستخدمون الذين يواجهون نفس المشكلة يستخدمون هذا المكون الإضافي أيضًا على مواقعهم. في اسرع وقت ممكن.

تمت إضافة 5: لقد تمكنت من حل هذه المشكلة لأحد المواقع من خلال عدم تأخير نص TOC Plus. لكن الحل نفسه لم ينجح مع موقع آخر ، لذلك يبدو أن هناك المزيد من البرامج النصية التي لا تتأخر في التعامل معها.

تمت إضافة 6: لدي إصدار مسج شعور ربما يأخذ جزءًا من هذه المشكلة. يستخدم أحد المواقع العاملة الأحدث ، والآخر لا يعمل يستخدم الإصدار القديم (/wp-includes/js/jquery/jquery.js؟ver=1.12.4-wp). مزيد من التصحيح ...

GeekPress بصرف النظر عن TOC Plus ، وجدت أيضًا أن adsense هو سبب النقر المزدوج / النقر. لقد اختبرت مع عدد قليل من المواقع ، وجميع المواقع ذات السمات / المكونات الإضافية المختلفة لها نفس الشيء. يحدث هذا مع أي كلمة رئيسية AdSense أدناه.

• googlesyndication
• إعلانات جوجل
• adsbygoogle.js

لإعادة إنتاج

1. قم ببناء موقع اختبار باستخدام adsense في أي مكان ، داخل الجزء المرئي من الصفحة أم لا.
2. قم بتحديث الصفحة ، انقر فوق شعار / نص أو رمز قائمة الجوال. في هذه المرحلة ، يتم تحميل adsense ، لكنه لن يفتح القائمة بنقرة واحدة.

المحلول

لست متأكدًا من كيفية تصميم برنامج AdSense النصي على ما يبدو. الكثير من العمل حولها هي:

1. قم بتحميل adsense دائمًا بعد ثانية واحدة. لذلك لن يواجه معظم المستخدمين هذه المشكلة.
2. تحميل Adsense مسبقًا عند تمرير الماوس (لست متأكدًا مما إذا كان هذا سيعمل على النقر المحمول)
3. اطلب من المستخدمين عدم تحقيق الدخل باستخدام Adsense ، حتى تصبح المواقع أسرع بكثير ...

GeekPress موقع الويب الخاص بي هو celmetro.com ولدي نفس مشكلة النقر المزدوج عندما أقوم بتمكين Delay Javascript Execution ، لا يهم إذا لم تكن هناك برامج نصية للتأخير في القائمة.

ذات صلة: https://secure.helpscout.net/conversation/1458853194/249184؟
يستخدمون TOC Plus و adsense.
تم التعديل : هذه معلومات إضافية من

يمكنني تأكيد المشكلة على موقع الويب الخاص بي عبر Chrome mobile (وكذلك عبر Chrome Desktop ، حيث يتم تعيين أداة مطور الويب ليتم تحميلها كجوال)