apple-mobile-web-app-capable और iOS Web App Meta Tags
apple-mobile-web-app-capable एक meta tag है जो iOS को बताता है कि जब आपकी साइट home screen से खोली जाए तो उसे Safari के chrome के बिना full-screen लॉन्च करे। यह status bar को रँगने के लिए apple-mobile-web-app-status-bar-style और नाम सेट करने के लिए apple-mobile-web-app-title के साथ जोड़ी बनाता है। आधुनिक iOS तेज़ी से इसके बजाय manifest के display mode को पढ़ता है, पर ये tags Safari पर भरोसेमंद मार्ग बने हुए हैं।
एक home-screen shortcut को एक app जैसा बनाना
apple-mobile-web-app-capable को yes पर सेट करने पर, iOS home screen से खोली गई एक साइट full-screen, standalone, बिना किसी Safari toolbar के लॉन्च होती है। apple-mobile-web-app-status-bar-style फिर status bar को नियंत्रित करता है (default, black, या black-translucent), और apple-mobile-web-app-title आइकन के नीचे के लेबल को सेट करता है।
ये सिर्फ़ तब प्रभावी होते हैं जब साइट home screen से लॉन्च की जाती है। एक सामान्य Safari tab में ये कुछ नहीं करते।
iOS web-app meta tags
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="My App" />iOS web app meta FAQ
apple-mobile-web-app-capable क्या करता है?
यह किसी साइट को, जब iOS home screen से खोली जाए, Safari के chrome के बिना full-screen लॉन्च कराता है। एक सामान्य browser tab में इसका कोई असर नहीं होता।
black-translucent status bar के साथ क्या करता है?
यह आपके page को status bar के पीछे तक draw होने देता है, जो फिर आपकी सामग्री के ऊपर सफ़ेद में तैरता है। आपको ख़ुद top padding जोड़ना पड़ता है वरना status bar आपके header को ओवरलैप कर देता है।
क्या manifest के साथ मुझे अब भी ये tags चाहिए?
तेज़ी से कम। manifest में "display": "standalone" full-screen launch संभालता है। apple- tags को पुराने iOS और बारीक status-bar नियंत्रण के लिए रखें।