سحب للتحديث لتطبيق iOS

← املأ “repoName” و “repoURL” لزر التثبيت التلقائي →

تثبيت مكون السمة هذا

مرحباً :wave:

هناك وظيفة مفقودة في تطبيقات الويب التقدمية (PWAs) الخاصة بـ iOS، فهي لا تحتوي على “السحب للتحديث”، لذا إذا كنت تريد إعادة التحميل، يتعين عليك إغلاق تطبيق الويب التقدمي وإعادة فتحه. يحاول مكون السمة هذا سد هذه الفجوة بوظيفة “السحب للتحديث”. لقد قمت بتعطيل هذا في صفحات الدردشة لأن هذا لا يعمل بأمان في القنوات… نقطة التنشيط هي #main-outlet، لذا إذا قمت بالسحب لأسفل أسفل الرأس في أعلى الصفحة، فسيؤدي ذلك إلى تشغيل المحمل.

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

يحتوي على بعض إعدادات السمة لتخصيص المحمل.

شكراً لكل من اختبره على الأجهزة الأحدث في هذا الموضوع :hugs:

قيد التنفيذ:

  • محاولة إعادة إنشاء محمل Safari الافتراضي أو شيء من هذا القبيل. :white_check_mark:
  • إيجاد طريقة للاحتفاظ بالمحمل أثناء إعادة التحميل :white_check_mark:
  • استخدام رسوم متحركة CSS بدلاً من JavaScript للاحتفاظ بالمحمل أثناء إعادة التحميل
12 إعجابًا

يعمل مع DiscourseHub أيضًا :flushed_face: هذا رائع.

يجب أن أسحب لمدة 2-3 ثوانٍ، وهذا وقت طويل بعض الشيء، لكنني لا أعرف ما إذا كان ذلك يأتي من أجهزة i أو المكون. ليس بالأمر الكبير، رغم ذلك.

3 إعجابات

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

3 إعجابات

مرحباً :waving_hand:

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

إعجاب واحد (1)

هذا سؤال غبي جدًا، وربما يجب أن أكون سعيدًا، ولكن لماذا لا أرى أي نوع من تأثير التحميل؟ حسنًا، أنا لا أرى حتى تأثير Discourse - باستثناء هنا Meta أحيانًا عندما أستخدم PWA. خدمة إنترنت جيدة جدًا :joy:؟

إعجاب واحد (1)

ماذا تقصد؟
This لم يتم بعد. هل يمكنك مشاركة تسجيل شاشة لما تراه على موقعك أثناء إعادة التحميل؟

إعجاب واحد (1)

بالتأكيد، ولكن لا. حاليًا، لا يقوم هذا المكون بأي شيء. يقوم جهاز iPad بأشياء أغرب مع PWAs من وقت لآخر. إعادة التشغيل تساعد. PWAs بها بعض المشاكل حاليًا، وقد ساءت الأمور بعد أحدث إصدار من iPadOS. ولكن الآن لم تساعد إعادة التشغيل أيضًا.

هل يمكنني العودة إلى الوراء وإذا كان الأمر كذلك، فكيف؟

وأن “عدم التحديث” بدأ بعد تحديث المكون بالأمس، على ما أفترض. لم أتحقق من ذلك، على الرغم من ذلك. ولكن قد يكون ذلك مصادفة أيضًا وتكون المشكلة الحقيقية هي نظام التشغيل.

يعمل iPhone، على الرغم من ذلك. يعرض أولاً ذلك… لا أتذكر اسمه باللغة الإنجليزية… سهم متجه لأسفل ثم دوار. لم يحدث هذا أبدًا على iPad، ولكن الشاشة انزلقت وللأسفل وعند تحريرها تم تحديث المنتدى.

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

نعم، أرى أن هذا ربما لأنني طبقت النمط على العرض على الهاتف المحمول فقط وجهاز iPad الخاص بك على العرض لسطح المكتب. سأقوم بإصلاح هذا مع التحديث. أعتقد أنه يمكننا استبدال الأسهم والدوار بمحمل نمط Safari جديد.

على أي سمة لا يعمل المكون؟

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

الإضافات شيء مختلف، لا فكرة لدي.

لم أتذكر أبدًا أن جهاز iPad ليس جهازًا محمولاً.

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

إعجاب واحد (1)

عمل رائع، كالعادة. يعمل بشكل جيد ويجعل تغيير اللغات أسهل الآن. شكراً!

شريط التنقل السفلي في الأعلى - هذا يبدو… منطقيًا :flushed_face:

إعجاب واحد (1)

هذا مجرد اسم لها لأنها على iPhone في الأسفل، ولكنها على iPad في الأعلى. لذا فهي تقنيًا شريط تنقل علوي على iPad ولكني أسميها شريط تنقل سفلي بحكم العادة. :sweat_smile:

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