जब iOS Safari के उपयोगकर्ता अपनी होम स्क्रीन पर प्रोग्रेसिव वेब ऐप्लिकेशन (PWA) जोड़ते हैं, तो दिखने वाले आइकॉन को Apple टच आइकॉन कहा जाता है.
अपने पेज के <head> में <link rel="apple-touch-icon" href="/example.png"> टैग शामिल करके, यह तय किया जा सकता है कि आपके ऐप्लिकेशन में किस आइकॉन का इस्तेमाल किया जाना चाहिए. अगर आपके पेज में यह लिंक टैग नहीं है, तो iOS पेज के कॉन्टेंट का स्क्रीनशॉट लेकर आइकॉन जनरेट करता है. दूसरे शब्दों में, iOS को आइकॉन डाउनलोड करने का निर्देश देने से, उपयोगकर्ता को बेहतर अनुभव मिलता है.
Lighthouse के Apple टच आइकॉन की जांच में गड़बड़ी कैसे होती है
Lighthouse, <head> में <link rel="apple-touch-icon" href="/example.png"> टैग के बिना पेजों को फ़्लैग करता है:
Lighthouse यह जांच नहीं करता कि आइकॉन मौजूद है या नहीं या उसका साइज़ सही है या नहीं.
Apple टच आइकॉन जोड़ने का तरीका
अपने पेज के <head> में <link rel="apple-touch-icon" href="/example.png"> जोड़ें:
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2024-04-16 (UTC) को अपडेट किया गया."],[],[]]