दिलचस्प पोस्ट
मैं चेतावनी से उत्पन्न पृष्ठ से "पाठ" कैसे प्राप्त करूं, ** के बाद ** मानव उपयोगकर्ता ने पृष्ठ के ** चेतावनी ** पर * खारिज कर दिया है? ग्राफ़ के किनारे के विरुद्ध भूखंड चलाते समय मार्जिन जोड़ें Rails पर रूबी में has_many आइटम की संख्या को मान्य करें पायथन में एक सबस्ट्रिंग के सभी संस्करण ढूंढें मैं जावा में विश्वसनीय रूट प्रमाणपत्रों की एक सूची कैसे प्राप्त करूं? नोडजेएस: "इवेंट एमीटर मेमोरी रिसाव को डीबग कैसे किया जाए? 11 श्रोताओं ने " आरओडीबीसी के एसक्यूएलएक्टीरियल को आर आर करें? घातक संकेत 11 (SIGSEGV) 0x00000000 पर (कोड = 1) – फोनगैप मेरी गतिविधि में गृह कुंजी को दबाकर उपयोगकर्ता कैसे पता लगा सकता है? मैं खुली फ़ाइल में दो बार क्यों नहीं पढ़ सकता हूं? नोडजेएस में मोंगो डेटाबेस में सम्मिलित दस्तावेज के _id प्राप्त करें कितना आकार "शून्य" मान SQL सर्वर में लेता है सी मल्टी-लाइन मैक्रो: करो / जबकि (0) बनाम स्कोप ब्लॉक जावास्क्रिप्ट का उपयोग करके एक्सल के लिए एचटीएमएल टेबल को कैसे निर्यात करें सी ++ में वर्तमान समय और तारीख कैसे प्राप्त करें?

मैं आईफोन / आईओएस पर टेलीफोन नंबरों की नीली शैली कैसे निकालूं?

क्या iPhone पर एक टेलीफ़ोन नंबर से डिफ़ॉल्ट ब्लू हाइपरलिंक रंग को निकालने का कोई तरीका है? जोड़ने के लिए एक विशिष्ट मोबाइल सफारी टैग या सीएसएस की तरह?

मुझे केवल यह नंबर के लिए जगह है:

<p id="phone-text">Call us on <strong>+44 (0)20 7194 8000</strong></p> 

और कोई हाइपरलिंक्स नहीं हैं लेकिन आईफोन अभी भी एक हाइपरलिंक के रूप में इस पाठ संख्या को प्रस्तुत करता है। मेरे पास मेरी कुछ वेबसाइटों पर यह प्रतिपादन मुद्दा है लेकिन यह नहीं देख सकता कि यह क्यों हो रहा है।

मैंने इस पोस्ट को पढ़ा था:

मोबाइल एचटीएमएल रेंडरिंग नंबर

लेकिन क्या यह एकमात्र समाधान संभव है?

वेब के समाधान से एकत्रित समाधान "मैं आईफोन / आईओएस पर टेलीफोन नंबरों की नीली शैली कैसे निकालूं?"

दो विकल्प…

1. format-detection मेटा टैग सेट करें।

टेलीफ़ोन नंबरों के लिए सभी ऑटो-फ़ॉर्मेटिंग हटाने के लिए, इसे अपने html दस्तावेज़ के head जोड़ें:

 <meta name="format-detection" content="telephone=no"> 

एप्पल-विशिष्ट मेटा टैग कीज़ देखें ।

नोट: यदि आपके पास इन नंबरों के साथ पृष्ठ पर फ़ोन नंबर हैं, तो उन्हें लिंक के रूप में मैन्युअल रूप से प्रारूपित करना चाहिए:

 <a href="tel:+1-555-555-5555">1-555-555-5555</a> 

2. मेटा टैग सेट नहीं किया जा सकता है? CSS का उपयोग करना चाहते हैं?

जब आप किसी मेटा टैग को सेट नहीं कर सकते हैं-जैसे कि HTML ईमेल-रैप फ़ोन नंबरों में लिंक / एंकर टैग ( <a href=""></a> ) और फिर अपनी शैली को सीएसएस का उपयोग करके निम्न के समान रखें और समायोजित करें विशिष्ट गुण जिन्हें आप रीसेट करने की आवश्यकता है:

 a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } 

यदि आप विशिष्ट लिंक लक्षित करना चाहते हैं, तो अपने लिंक पर कक्षाएं का उपयोग करें और उसके बाद सीएसएस चयनकर्ता को a[x-apple-data-detectors].class-name ऊपर अपडेट a[x-apple-data-detectors].class-namea[x-apple-data-detectors].class-name

वैकल्पिक रूप से, आप इस सीएसएस चयनकर्ता का उपयोग करके फोन से शुरू होने वाले href मानों के लिंक को लक्षित कर सकते हैं:

 a[href^="tel"] { /* css propery: value pairs here */ } 

सिर्फ डेविड थॉमस के एक पहले के सुझाव पर विस्तृत:

 a[href^="tel"]{ color:inherit; text-decoration:none; } 

यह आपके सीएसएस को जोड़ने से फोन नंबर की कार्यक्षमता को छोड़ देता है लेकिन रेखांकित करता है और मूल रूप से उपयोग किए जा रहे रंग से मेल खाता है

अजीब बात है कि मैं अपना जवाब पोस्ट कर सकता हूं लेकिन मैं किसी और के जवाब नहीं दे सकता हूं ..

यदि आप फ़ोन नंबर के कार्य को बरकरार रखना चाहते हैं, लेकिन डिस्प्ले प्रयोजनों के लिए केवल नीचे की रेखा को हटा दें, तो आप किसी भी अन्य के रूप में इस लिंक को स्टाइल कर सकते हैं:

 a:link {text-decoration: none; /* or: underline | line-through | overline | blink (don't use blink. Ever. Please.) */ } 

मैंने प्रलेखन नहीं देखा है, जो सुझाव देता है कि एक वर्ग को फोन नंबर लिंक पर लागू किया जाता है, इसलिए आपको उन लिंकों के लिए क्लास / आईडी जोड़ना होगा, जिनके लिए आप एक अलग शैली चाहते हैं

वैकल्पिक रूप से आप निम्न लिंक का उपयोग कर सकते हैं:

 a[href^=tel] { /* css */ } 

जो आईफोन द्वारा समझा जाता है, और किसी भी अन्य यूए द्वारा लागू नहीं किया जाएगा (जहां तक ​​मुझे पता है, शायद एंड्रॉइड, ब्लैकबेरी, आदि। उपयोगकर्ता / डी डी) टिप्पणी कर सकते हैं।

यदि लोगों को Google पर यह प्रश्न मिलते हैं, तो आपको केवल टेलिफोन नंबर का लिंक ही माना जाता है क्योंकि एप्पल ने इसे स्वचालित रूप से एक के रूप में सेट कर दिया होगा

अपने HTML

 <p id="phone-text">Call us on <strong>+44 (0)20 7194 8000</strong></p> 

आपका सीएसएस

 #phone-text a{color:#fff; text-decoration:none;} 

चूंकि हम टेलीफ़ोन का उपयोग करते हैं: किसी साइट पर लिंक पर फ़ोन आइकन: इससे पहले कि यहां सबसे अधिक समाधान पोस्ट किए गए हैं, उससे एक अन्य समस्या का परिचय दिया गया है।

मैंने मेटा-टैग का इस्तेमाल किया:

<meta name="format-detection" content="telephone=no">

यह टेलीफोन निर्दिष्ट करने के साथ संयुक्त है : लिंक साइट-चौड़ा जहां इसे लिंक किया जाना चाहिए!

सीएसएस का उपयोग करना वास्तव में एक विकल्प नहीं है क्योंकि यह संबंधित टेली-लिंक छुपाता है

एक पुराना सवाल है लेकिन जैसा कि ऊपर दिए गए उत्तर में से कोई भी मेरे लिए अच्छा नहीं था, मैं इसे पोस्ट कैसे करूँ?

मेरे पास एक सूची में एक फ़ोन नंबर है:

 <li class="phone_menu">+555 5 555 55 55</li> 

सीएसएस:

 .phone_menu{ color:orange; } 

लेकिन आईपैड / आईफोन पर यह काला था, इसलिए मैंने इसे सीएसएस पर जोड़ा:

 .phone_menu a{ color:orange; } 

साधारण चाल मेरे लिए काम किया, फोन नंबर के बीच में एक छिपी हुई वस्तु जोड़ना।

 <span style="color: #fff;"> 0800<i style="display:none;">-</i> 9996369</span> 

यह आईओएस के लिए फोन नंबर रंग ओवरराइड करने में आपकी मदद करेगा

इस विषय से बीयू स्मिथ के अनुसार: मैं आईफोन / आईओएस पर टेलीफोन नंबरों की नीली शैली कैसे निकालूं?

आपको अपने लिंक की href विशेषता में "tel:" को इस तरह लागू करना चाहिए:

 <a href="tel:5551231234">555 123-1234</a> 

यह किसी भी अतिरिक्त शैली और DOM को फ़ोन नंबर स्ट्रिंग पर निकाल देगा।

मैं आगे और पीछे बीच में जा रहा हूँ

1।

  <a href="tel:5551231234"> 

2।

  <meta name="format-detection" content="telephone=no"> 

डेस्कटॉप और आईफोन के लिए एक ही कोड काम करने की कोशिश कर रहा है समस्या यह थी कि अगर पहले विकल्प का उपयोग किया जाता है और आप डेस्कटॉप ब्राउज़र से इसे क्लिक करते हैं तो यह एक त्रुटि संदेश देता है, और यदि दूसरा प्रयोग किया जाता है तो यह आईफोन आईओएस 5 पर टैब-टू-कॉल कार्यक्षमता को अक्षम करता है।

इसलिए मैंने कोशिश की और कोशिश की और यह पता चला कि iPhone फ़ोन नंबर को एक विशेष प्रकार के लिंक के रूप में मानता है जिसे सीएसएस के रूप में एक के रूप में स्वरूपित किया जा सकता है। मैंने किसी पते टैग में संख्या लिपटी (यह किसी भी अन्य HTML टैग के साथ काम करेगी, बस <a> टैग से बचने का प्रयास करें) और इसे सीएसएस में स्टाइल करें

 .myDiv address a {color:#FFF; font-style: normal; text-decoration:none;} 

और यह काम किया – एक डेस्कटॉप ब्राउज़र में एक सादा पाठ दिखाया गया था और सफ़ारी मोबाइल में कॉल / रद्द खिड़की के साथ एक लिंक के रूप में दिखाया गया था, टैब पर और डिफ़ॉल्ट ब्लू रंग और रेखांकित बिना।

विशेषकर जब पैडिंग / मार्जिन का उपयोग करते हुए नंबर पर लागू सीएसएस नियमों के साथ सावधान रहें।

a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit;

<meta name="format-detection" content="telephone=no"> का उपयोग करके स्वरूप पहचान को हटाने की कोई आवश्यकता नहीं है। किसी भी टैग में फ़ोन नंबर का उपयोग करने की कोशिश न करें बल्कि एंकर टैग और शैली को तदनुसार जैसे: span { background:none !important; border:0; padding:0; } span { background:none !important; border:0; padding:0; }

<meta name="format-detection" content="telephone=no"> । यह मेटाटॉग आईओएस डिवाइसेज़ पर डिफॉल्ट सफारी ब्राउज़र में काम करता है और केवल टेलीफोन नंबर के लिए काम करेगा जो एक टेलीफोन लिंक में लिपटे नहीं हैं

 1-800-123-4567 <a href="tel:18001234567">1-800-123-4567</a> 

यदि आप मेटाटग निर्दिष्ट करते हैं, लेकिन दूसरी पंक्ति एक लाइन के रूप में पहली पंक्ति को एक लिंक के रूप में स्वरूपित नहीं किया जाएगा, क्योंकि यह एक टेलीफोन एंकर में लिपटे है।


आप मेटाटैग सभी को एक साथ छोड़ सकते हैं और मिक्सिन का उपयोग कर सकते हैं जैसे कि

 a[href^=tel]{ color:inherit; text-decoration:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } 

अपने टेलीफोन नंबरों का इरादा स्टाइल बनाए रखने के लिए, लेकिन आपको यह सुनिश्चित करना होगा कि आप उन्हें टेलीफोन एंकर में लपेटें

यदि आप अतिरिक्त सावधान रहना चाहते हैं और एक टेलीफोन नंबर की घटना के खिलाफ की रक्षा करना चाहते हैं जो रैपिंग एंकर टैग के साथ ठीक से स्वरूपित नहीं है, तो आप DOM के माध्यम से ड्रिल कर सकते हैं और इस स्क्रिप्ट के साथ समायोजित कर सकते हैं। वांछित के रूप में प्रतिस्थापन पैटर्न को समायोजित करें

 $('body').html($('body').html().replace(/^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})/g, '<a href="tel:+1$1$2$3">($1) $2-$3</a>')); 

या jQuery के बिना भी बेहतर

 document.body.innerHTML = document.body.innerHTML.replace(/^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})/g,'<a href="tel:+1$1$2$3">($1) $2-$3</a>'); 

यदि आप अपने पृष्ठ पर किसी भी टेलीफोन नंबर का इरादा नहीं चाहते हैं, तो <meta name="format-detection" content="telephone=no"> बस ठीक काम करेगा। लेकिन अजीब बात करते हुए, क्या होगा अगर आप फोन और गैर-फोन नंबर के मिश्रण का उपयोग करना चाहते हैं?

यह मानते हुए कि आप केवल अपने HTML में हार्ड-कोडिंग नंबर हैं, "आपके अंकों के मध्य में डालें सामान" हैक्स काम करेगा। लेकिन वे गतिशील पृष्ठों के लिए कोई उपयोग नहीं हैं, जैसे किसी क्वेरी से संख्यात्मक डेटा आउटपुट करने के लिए PHP का उपयोग करना।

उदाहरण के तौर पर, मैं शहर की आबादी की एक सूची तैयार कर रहा था। कुछ जनसंख्या बड़ी संख्या में मोबाइल सफारी को फोन नंबर लिंक में बदलने के लिए काफी बड़ी थी। सौभाग्य से, मुझे जो कुछ करना था, वह "हज़ारों" अल्पविरामों को सम्मिलित करने के लिए सरणी आउटपुट के आसपास PHP संख्या- number_format() का उपयोग किया गया था:

<?php echo number_format($row["population"]) ?>

यह फ़ॉर्मेटिंग मोबाइल सफारी को समझाने के लिए पर्याप्त था कि संख्या के लिए कुछ अधिक विशिष्ट उद्देश्य था, इसलिए यह मेरे बड़े नंबरों को अब टेलीफोन लिंक में डिफॉल्ट नहीं करता। नंबर के लिए एक उद्देश्य निर्दिष्ट करने के लिए <a href="tel:18001234567">1-800-123-4567</a> का उपयोग करने के <a href="tel:18001234567">1-800-123-4567</a> के सुझाव के लिए यह सही होगा।

नीचे की रेखा यह है कि सफ़ारी मोबाइल ने जाहिरा तौर पर शब्दों पर ध्यान दिया है। यह देखते हुए कि HTML5 शब्दार्थिक मार्कअप के आसपास बनाया गया है, और खोज इंजन सिमेंटिक मार्कअप पर भरोसा कर रहे हैं, मैं इसका उपयोग जितना मैं कर सकता हूं उतना ही करना चाहता हूं।

एक नंबर <numberet> में डालकर IOS को किसी कारण से लिंक में नंबर बदलने से रोक दिया जाएगा। कुछ मामलों में यह सही समाधान हो सकता है मैं लिंक्स को परिवर्तित करने के एक कंबल को अक्षम करने की सलाह नहीं देता

अंकीय अलग होने के बीच डैश के लिए एएससीआईआई वर्ण डालने का प्रयास करें।

इस से: –

इसे करने के लिए: &ndash;

पूर्व: परिवर्तन 555-555-5555 => 555&ndash;555&ndash;5555

यह मेरे लिए किया था:

 .appleLinks a {color:#000000;} .appleLinksWhite a {color:#ffffff;} 

आप यहां अधिक जानकारी पा सकते हैं।

जूमला Yootheme में मेरे लिए काम करता है:

 a:not([class]) { color: #fff !important; } 

आईओएस डिफॉल्ट (विशेष कारणों के लिए) द्वारा क्लिक करने योग्य फ़ोन नंबर बनाता है बेशक, यह एक अतिरिक्त टैग जोड़ता है जो आपके स्टाइल को ओवरराइड कर रहा है यदि आपका फ़ोन नंबर पहले से लिंक नहीं है

इसे ठीक करने के लिए, इसे अपने स्टाइलशीट में जोड़ने का प्रयास करें: a[href^=tel] { color: inherit; text-decoration: none; } a[href^=tel] { color: inherit; text-decoration: none; }

आपको अतिरिक्त मार्कअप को जोड़ते ही बिना अपने फोन नंबर स्टाइल रखना चाहिए।

यह x-ms-format-detection = "none" विशेषता प्रारूप फोन को संभालता है

https://msdn.microsoft.com/en-us/library/dn337007(v=vs.85).aspx

 <p id="phone-text" x-ms-format-detection="none" >Call us on <strong>+44 (0)20 7194 8000</strong></p> 

अगर आप फॉन्ट टैग का उपयोग करने पर फोन नंबर होने से बचने के लिए बस सभी लिंक चाहते हैं:

 <p>800<font>-</font>555<font>-<font>1212</p>