सेटिंग "होम स्क्रीन" के लिए मोबाइल सफारी

Question

डिफ़ॉल्ट रूप से आइकन नाम, जब "बुकमार्क" एक प्रतीक के रूप में एक वेबसाइट (का चयन करके सफारी के "+" मेनू के भीतर से होम स्क्रीन में जोड़े), आइकन नाम चूक पृष्ठ के <title> पर, 12 वर्णों तक काटा गया।

उसी तरह से apple-touch-icon आपको पृष्ठ के अपने स्वयं के प्रतिष्ठित प्रतिनिधित्व को निर्दिष्ट करने देता है, क्या वेबपृष्ठ के <title> के अलावा डिफ़ॉल्ट आइकन नाम निर्दिष्ट करने का कोई तरीका है?

Answer 1

iOS 6 में इस एक मेटा टैग के साथ हल किया जाता है:

<meta name="apple-mobile-web-app-title" content="Short name"> 

cwap के रूप में ठीक ही टिप्पणी की: अब यह आधिकारिक दस्तावेज है। वेब ऐप्स के लिए meta टैग सेट करने पर सभी जानकारी यहां दी गई है: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Answer 2

मेटा टैग या ऐसा कुछ भी करने के साथ ऐसा करने का कोई तरीका नहीं प्रतीत होता है। मेरा सुझाव आईफोन को एक अलग शीर्षक देने के लिए सर्वर-साइड लॉजिक का उपयोग करना होगा। उदाहरण के लिए, php में आप कुछ इस तरह कर सकता है:

<title><?php echo strpos($_SERVER['HTTP_USER_AGENT'], 'iP')?'iDevice title':'normal title'; ?></title> 

Answer 3

यह कैसे मैं अपने काल्पनिक ग्राहक, "सुपर महाकाव्य रिज़ॉर्ट होटल" है, जो संक्षिप्त नाम "Serh" iOS होम स्क्रीन फिट कर सकते हैं के लिए इसके चारों ओर काम किया है आइकन नाम सीमा। (वैसे, सीमा चरित्र गणना (मेरे आईपैड पर 13) और रेंडर चौड़ाई दोनों पर आधारित होती है।)

 वर्णों के साथ नाम को पैड तक पहुंचने तक पैड का नाम दें। मेरे मामले में, 9 पर्याप्त प्रतीत होता है लेकिन आप हमेशा मामले में और अधिक जोड़ सकते हैं। ; & # XFFFF

Serh

जो actaully

Serh & # xFFFF है:

<title>SERH&#xFFFF;&#xFFFF;&#xFFFF;&#xFFFF;&#xFFFF;&#xFFFF;&#xFFFF;&#xFFFF;&#xFFFF; - Super Epic Resort Hotels</title> 

जब होम स्क्रीन पर पेज जोड़ने, सफारी नाम से पता चलता ; & # xFFFF; & # xFFFF; & # xFFFF; & # xFFFF; & # xFFFF; & # xFFFF; & # xFFFF;

लेकिन उपयोगकर्ता, उन्हें नोटिस नहीं होगा के रूप में  पात्रों iOS पर अदृश्य हैं और कोई स्थान नहीं लेते, जब तक उपयोगकर्ता नाम बैकस्पेस की कोशिश करता है। मेरे मामले में, उपयोगकर्ता को "SERH" बैकस्पेस करने से पहले 9 बार बैकस्पेस करना होगा।

संपादित करें: से ऊपर qmega के समाधान के साथ संयोजन के रूप में इसका उपयोग करें, क्योंकि  गैर-आईओएस उपकरणों पर देखे जाने पर वर्ण दिखाई दे सकते हैं।

Answer 4

आईओएस 6 के लिए, मार्टिन के समाधान का उपयोग करें। iOS 5 के साथ संगतता के लिए, आप भी जे एस का उपयोग कर शीर्षक बदल सकते हैं:

if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) 
    || navigator.userAgent.match(/iPad/i)) 
{ 
    document.title = "Short Title"; 
} 

शायद सबसे अच्छा JQuery का उपयोग कर शरीर ऑनलोड को यह संलग्न करने के लिए।

<meta name="apple-mobile-web-app-title" content="Short name"> 

और: iOS के लिए अपने दस्तावेज़ 6 + में

प्लेस इस:

Answer 5

आईओएस के सभी संस्करणों पर बेहतर पार संगतता के लिए, यदि आप एक (https://stackoverflow.com/a/13838563/1048705 से प्रेरित) जवाब के संयोजन इस्तेमाल कर सकते हैं

if (navigator.userAgent.match(/(iPad|iPhone|iPod)/i)) { 
    document.title = document.getElementsByName('apple-mobile-web-app-title')[0].content; 
} 

ध्यान दें कि जावास्क्रिप्ट बदल जाएगा: अन्य iOS संस्करण के लिए शीर्षक है कि टैग सीधे समर्थन नहीं करते के लिए इस टैग की सामग्री का उपयोग आईओएस 6+ सहित सभी आईओएस ग्राहकों के लिए शीर्षक।

Answer 6

आईओएस के लिए:

<meta name="apple-mobile-web-app-title" content="Short name"> 

Android के लिए:

<meta name="application-name" content="Short name"> 

Answer 7

आप आइकन और नाम की स्थापना के लिए URL नीचे उल्लेख कर सकते हैं:

: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

सिर में नीचे दिए गए कोड को जोड़ने

<link rel="apple-touch-icon" href="/custom_icon.png"> // For icon 
<meta name="apple-mobile-web-app-title" content="Short name"> // For name