تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
Kayce Basques
يمكن لمستخدمي متصفّح Safari لمستخدمي أجهزة iOS إضافة تطبيقات الويب التقدّمية (PWA) يدويًا إلى
شاشتهم الرئيسية. يتم استدعاء الرمز الذي يظهر على الشاشة الرئيسية لنظام iOS عند إضافة تطبيق ويب تقدّمي (PWA).
رمز Apple touch. يعرض لك هذا الدرس التطبيقي حول الترميز كيفية إضافة رمز Apple touch إلى تطبيق الويب التقدّمي (PWA). يفترض أن
أنّه بإمكانك استخدام جهاز iOS
القياس
افتح نموذج التطبيق في علامة تبويب جديدة:
انقر على إنشاء ريمكس لتعديل لجعل المشروع قابلاً للتعديل.
لمعاينة الموقع الإلكتروني، اضغط على عرض التطبيق. ثم اضغط
ملء الشاشة
دوِّن عنوان URL لمثال التطبيق. ستظهر رسالة مثل https://example.glitch.me.
إضافة تطبيق "مثال" إلى شاشة رئيسية لنظام التشغيل iOS
لتوضيح كيف يوفر رمز اللمس من Apple تجربة أكثر سلاسة للمستخدم، حاول أولاً إضافة
مثال التطبيق على الشاشة الرئيسية لجهاز iOS عندما لا يتم تحديد رمز Apple touch.
افتح Safari لنظام التشغيل iOS.
افتح عنوان URL الخاص بنموذج التطبيق. هذا هو عنوان URL، مثل https://example.glitch.me، الذي
المذكورة سابقًا.
انقر على رمز المشاركة >.
إضافة إلى الشاشة الرئيسية. قد تحتاج إلى التمرير سريعًا إلى اليمين لرؤية هذا الخيار.
انقر على إضافة.
ونظرًا لأن الموقع لم يحدد رمز Apple touch، ينشئ iOS فقط رمزًا للموقع
من محتوى الصفحة.
إضافة رمز Apple touch إلى نموذج التطبيق
ألغِ تعليق العلامة <link rel="apple-touch-icon"> في أسفل <head> من index.html.
إضافة التطبيق كمثال إلى شاشة رئيسية iOS (مرة أخرى)
حاول إضافة التطبيق كمثال إلى شاشة رئيسية iOS مرة أخرى. هذه المرة، يتم إنشاء رمز مناسب
الموقع. إذا راجعت الصفحة مرة أخرى باستخدام Lighthouse، سترى أيضًا
لا توفّر تدقيق apple-touch-icon صالح الآن.