it-swarm.asia

Favicon ، رمز ، رمز اختصار ، Apple-touch-icon: هل هناك أي أشخاص آخرين؟

أعرف نوعين أساسيين من أيقونات الويب الافتراضية لمواقع الويب:

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

    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="icon" href="/favicon.ico" />
    
  • Web Clip Icon : ضع png ملفًا منسقًا يسمى إما Apple-touch-icon.png أو Apple-touch-icon-precomposed.png في جذر موقعك وإصدارات iPhone OS/iOS من Safari ستلتقطها وتخزينها عند إضافة الموقع إلى الشاشة الرئيسية. يمكن أن تضاف أيضا مع رمز مثل:

    <link rel="Apple-touch-icon" href="/custom_icon.png" />
    

هل هناك أي رسومات أيقونة افتراضية أخرى لموقع ويب يمكن لمشرف الموقع تضمينها؟

24
artlung

يبدو استنادًا إلى هذا و هذا أن Android سيستخدم rel النوع من Apple-touch-icon-precomposed أو Apple-touch-icon ، لكن لكي تعمل ، تحتاج إلى استخدام عنوان url مؤهل بالكامل ، على سبيل المثال:

<link rel="Apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />

أو:

<link rel="Apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />

التحذير هو أنه يبدو أن هذا لـ Android 2.1 update 1 & Webkit 3.1 . --- وثائق مطور Android تذكر طريقة في Android.webkit وهذا هو الحدث عند استرداد Apple-touch-icon.

8
artlung

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

لقد قمت للتو بتطوير بعض مواقع الويب التي تستهدف مستخدمي iPhone وعلى هذه المواقع التي استخدمتها Wordpress مع إصدار متخصص من سمة WPTouch.

1
fwaechter