لا يتم تقديم رمز apple- touch صالح

.

عندما يضيف مستخدمو متصفّح Safari على أجهزة iOS تطبيقات ويب تقدّمية (PWA) إلى شاشاتهم الرئيسية، يُطلق على الرمز الذي يظهر اسم رمز Apple touch. يمكنك تحديد الرمز الذي يجب أن يستخدمه تطبيقك من خلال تضمين علامة <link rel="apple-touch-icon" href="/example.png"> في <head> من صفحتك. إذا لم تتضمّن صفحتك علامة الرابط هذه، ينشئ نظام التشغيل iOS رمزًا من خلال أخذ لقطة شاشة لمحتوى الصفحة. بعبارة أخرى، يؤدي توجيه نظام التشغيل iOS إلى تنزيل رمز إلى توفير تجربة مستخدم أكثر سلاسة.

أسباب تعذُّر اجتياز تدقيق رمز Apple الذي يعمل باللمس في Lighthouse

تضع أداة Lighthouse علامة على الصفحات التي لا تتضمّن علامة <link rel="apple-touch-icon" href="/example.png"> في <head>:

لا يتم تقديم رمز apple-touch-icon صالح

لا يتحقّق Lighthouse مما إذا كان الرمز متوفّرًا فعلاً أو ما إذا كان حجمه مناسبًا.

كيفية إضافة أيقونة Apple التي تعمل باللمس

  1. أضِف <link rel="apple-touch-icon" href="/example.png"> إلى <head> في صفحتك:

    <!DOCTYPE html>
<html lang="en">
  <head>
    …
    <link rel="apple-touch-icon" href="/example.png">
    …
  </head>
  …

  2. استبدِل /example.png بالمسار الفعلي المؤدي إلى الرمز.

لتقديم تجربة جيدة للمستخدم، احرص على ما يلي:

  • يبلغ حجم الرمز 180x180 بكسل أو 192x192 بكسل
  • مسار الرمز المحدّد صالح
  • خلفية الرمز ليست شفافة

الموارد