إضافة إلى الشاشة الرئيسية (iOS، iPadOS)

في رأيي المتأخر، ربما كان ينبغي عليّ أن أسأل عما إذا كنت قد تحققت من ذلك. :slight_smile:

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

أتفق، حيث أن هذا هو الفائدة الرئيسية للمواقع المستضافة ذاتيًا (مقارنة بتطبيق Hub).

ولكن هل يتحقق الكود من أن إصدار iOS هو 16.4 أو أكبر؟ لا فائدة من ذكر الإشعارات إذا لم يكن كذلك (ومن الممكن القول إن هناك فائدة قليلة من ذكر A2HS على الإطلاق). لا أعرف Ruby ولكن يبدو أنه يتحقق فقط مما إذا كنت على iPhone أو iPad:

آسف إذا كنت قد فهمت الأمر بشكل خاطئ.

3 إعجابات

الفهم الصحيح! هذه جافاسكريبت، وليست روبي. :smile:

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

نهاية خاطئة للعصا! :slight_smile:

إعجابَين (2)

أرغب أيضًا في تثبيت المنتدى على نظام Android مثل نظام iOS في هذا الموضوع. كيف أفعل ذلك على Android؟
شكرا للجميع

افتح كروم، اضغط على النقاط الثلاث، ثم “تثبيت التطبيق”… اضغط على “تثبيت”.

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

أعني، في منتدياتي (باستخدام منصة discourse)، أريد لمستخدمي أندرويد تثبيت تطبيق مثل هذا المكون.

هذا على متصفح Chrome لنظام Android عند عرض منتدى Discourse.

هناك أيضًا مطالبة لافتة جاهزة، على سبيل المثال:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/pwa-install-banner.js#L41-L46

3 إعجابات

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

إعجابَين (2)

هل ما زال هذا يحدث معك؟ لم أتمكن من إعادة إنتاجه.

أهلاً جوردان! لم أحاول مرة أخرى - ولست أنوي ذلك.

يظهر موجه “إضافة إلى الشاشة الرئيسية” في تطبيق discoursehub

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

لقد لاحظت أن هذا يظهر على Chrome في نظام iOS أيضًا - وهو أمر غير مفيد.

من الناحية المثالية، يجب أن تكون هناك رسالة مختلفة للمتصفحات غير Safari - أي:

لتثبيت هذا على جهازك، افتحه في Safari

أو ما شابه.

يدعم متصفح Chrome على نظام iOS ميزة “إضافة إلى الشاشة الرئيسية” منذ الإصدار 16.4 لنظام iOS.

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

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

في متصفح Chrome على iPhone، يظهر في الزاوية العلوية اليمنى، وقد يكون مطويًا. في متصفح Chrome على iPad، لا يزال يظهر في الزاوية العلوية اليمنى، ولكنه لن يكون مطويًا.

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

لقد كنت أراقب كيف يرشد الآخرون المستخدمين لتثبيت تطبيقات الويب التقدمية (PWAs) على نظام iOS، ونمط شائع أراه هو وجود لافتة قابلة للنقر تفتح علامة تبويب جديدة في المتصفح، تشير إلى صفحة منفصلة “لتثبيت تطبيق الويب التقدمي” لا يمكن التمرير فيها.

هذا يضمن عدم اختفاء شريط عنوان URL في تلك الصفحة، مما يسهل على المستخدمين العثور على زر المشاركة والنقر عليه.

(بالطبع، سيظل عليهم التمرير لأسفل إلى “إضافة إلى الشاشة الرئيسية” بعد فتح ورقة المشاركة، وهي نقطة إزعاج، ولكن أي شيء يقلل الاحتكاك يساعد…)

4 إعجابات

لم أكن أقدر ذلك - كنت متأكدًا من أنني قرأت في مكان ما أنه يجب أن يكون عبر Safari لتثبيت تطبيقات الويب التقدمية (PWAs). هذا يجعل الموضوع صحيحًا تمامًا إذن!

إحدى المشكلات التي واجهتها هي أن أجهزة iPhone التي تخضع لرقابة مؤسسية كبيرة يمكن أن يتم حظر إشعارات الويب عليها (جهازي كذلك)، وهذا أمر مزعج حقًا.

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

هل تريد تثبيت منتدى ___ على هذا الجهاز؟

إذا أغلق المستخدم هذا النافذة المنبثقة عن طريق الخطأ، هل يمكنني توقع تشغيلها مرة أخرى؟

من واقع خبرتي، عادةً ما يؤدي تسجيل الخروج ثم تسجيل الدخول مرة أخرى إلى المنتدى إلى تشغيله.

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

شكرا

شيء آخر لاحظته، عند تثبيت التطبيق، لا يتقلص الشعار بشكل متناسب ويبدو في غير مكانه.

هل يعرف أحد ما هو الشعار الذي يستخدمه التطبيق ضمن قسم العلامة التجارية؟

أهلاً، شكراً لك على إنشاء مكون السمة هذا! هذا مفيد جداً لي :smiley:

كان لدي بعض الملاحظات: بعض الأشخاص لا يعرفون ما هو زر المشاركة، لذا من المفيد عرض أيقونة بدلاً من كتابة اسم الزر.

يمكنك استخدام pwa_text هذا للقيام بذلك:

Install <b>%{siteTitle}</b> on your iOS device. Tap <img height="25" width="20" src="https://help.apple.com/assets/683A54F5227CBBDB98051B96/683A54FC545676DF600F97D4/en_US/d26fe35d3438fe81179a80c2b6c9b0c9.png" /> and then <b>Add to Home Screen.</b>

يبدو كالتالي: