IPhone पर सफारी स्वचालित रूप से उन अंकों के तार के लिए लिंक बनाता है जो टेलीफोन नंबर पर दिखाई देते हैं। मैं एक वेब पेज लिख रहा हूं जिसमें एक आईपी पता है, और सफारी उस फोन नंबर लिंक में बदल रहा है। क्या इस व्यवहार को पूरे पृष्ठ या एक पृष्ठ पर एक तत्व के लिए अक्षम करना संभव है?
जवाबों:
सफारी HTML संदर्भ के अनुसार ऐसा करना सही प्रतीत होता है :
<meta name="format-detection" content="telephone=no">यदि आप इसे अक्षम करते हैं लेकिन फिर भी टेलीफोन लिंक चाहते हैं, तो भी आप "टेली" यूआरआई योजना का उपयोग कर सकते हैं।
यहां Apple के डेवलपर लाइब्रेरी में प्रासंगिक पृष्ठ है ।
विशिष्ट तत्वों के लिए फ़ोन पार्सिंग उपस्थिति को अक्षम करने के लिए, यह सीएसएस चाल करने के लिए लगता है:
.element { pointer-events: none; }
.element > a { text-decoration:none; color:inherit; }पहला नियम क्लिक को निष्क्रिय करता है, दूसरा स्टाइल का ध्यान रखता है।
मैं एक शून्य-चौड़ाई वाले योजक का उपयोग करता हूं ‍
बस उस फोन नंबर में कहीं डाल दो और यह मेरे लिए काम करता है। BrowserStack (और ईमेल के लिए लिटमस) में परीक्षण किया गया।
मुझे भी यही समस्या आ रही थी। मुझे UIWebView पर एक संपत्ति मिली, जो आपको डेटा डिटेक्टर बंद करने की अनुमति देती है।
self.webView.dataDetectorTypes = UIDataDetectorTypeNone;PhoneGap-iPhone / PhoneGap-iOS अनुप्रयोगों के लिए, आप अपने प्रोजेक्ट के एप्लिकेशन प्रतिनिधि के साथ निम्नलिखित जोड़कर टेलीफोन नंबर का पता लगाने को अक्षम कर सकते हैं:
// ...
- (void)webViewDidStartLoad:(UIWebView *)theWebView
{
// disable telephone detection, basically <meta name="format-detection" content="telephone=no" />
theWebView.dataDetectorTypes = UIDataDetectorTypeAll ^ UIDataDetectorTypePhoneNumber;
return [ super webViewDidStartLoad:theWebView ];
}
// ...किसी पृष्ठ के हिस्से पर फ़ोन नंबर की पहचान को अक्षम करने के लिए, एंकर टैग में प्रभावित पाठ को href = "#" के साथ लपेटें। यदि आप ऐसा करते हैं, तो मोबाइल सफारी और UIWebView को इसे अकेला छोड़ देना चाहिए।
<a href="#"> 1234567 </a>metaकिया था क्योंकि टैग काम नहीं कर रहा था। हालाँकि, <a href="javascript:;">URL बदलाव से होने वाले दुष्प्रभावों को रोकने के लिए संभवतः यह बेहतर है ।
मुझे लगता है कि मुझे एक समाधान मिल गया है: एक <label>तत्व के अंदर संख्या डालें । किसी अन्य टैग की कोशिश नहीं की, लेकिन <div>इसे होम स्क्रीन पर भी छोड़ दिया, यहां तक कि telephone=noविशेषता के साथ ।
पहले की टिप्पणियों से यह स्पष्ट लगता है कि मेटा टैग ने काम किया था, लेकिन किसी कारण से आईओएस के बाद के संस्करणों के तहत टूट गया, कम से कम कुछ शर्तों के तहत। मैं 4.0.1 चला रहा हूं।
<like this>। (स्टैक ओवरफ्लो मार्कडाउन नामक एक प्रारूपण भाषा का उपयोग करता है।) मैं आपके उत्तर को तदनुसार संपादित करूंगा।
#फ़ोन नंबर के सामने एक वर्ण जोड़ने का सहारा लिया है : Apple doc "Apple URL स्कीम संदर्भ" के अनुसार: "विशेष रूप से, यदि किसी URL में * या # वर्ण हैं, तो फ़ोन एप्लिकेशन संगत डायल करने का प्रयास नहीं करता है। फ़ोन नंबर।"
तुम भी उपयोग कर सकते हैं <a>के साथ लेबल javascript: void(0)के रूप में hrefमूल्य।
निम्नानुसार उदाहरण:<a href="javascript: void(0)">+44 456 77 89 87</a>
मुझे भी यही समस्या थी, लेकिन iPad वेब ऐप पर।
दुर्भाग्य से, न तो ...
<meta name = "format-detection" content = "telephone=no">नहीं ...
0 = 0
9 = 9... काम किया।
लेकिन, यहाँ तीन बदसूरत हैक्स हैं:
555.5<span>5</span>5.5555आपके द्वारा उपयोग किए जाने वाले फ़ॉन्ट के आधार पर, पहले दो मुश्किल से ध्यान देने योग्य हैं। उत्तरार्द्ध में स्पष्ट रूप से शानदार कोड शामिल है, लेकिन उपयोगकर्ता के लिए अदृश्य है।
यदि आप अपने कोड को गतिशील रूप से डेटा से उत्पन्न कर रहे हैं, या यदि आप अपने डेटा को इस तरह से प्रदूषित नहीं कर सकते हैं, तो निश्चित रूप से, और शायद व्यवहार्य नहीं है।
लेकिन, एक चुटकी में पर्याप्त।
मेरे पास एक एबीएन (ऑस्ट्रेलियाई बिजनेस नंबर) था जो आईपैड सफारी को फोन नंबर लिंक में बदलने पर जोर देता था। किसी भी सुझाव ने मदद नहीं की। मेरा समाधान संख्याओं के बीच आईएमजी टैग लगाना था।
ABN 98<img class="PreventSafariFromTurningIntoLink" /> 009<img /> 675<img /> 709वर्ग केवल दस्तावेज़ के लिए मौजूद है जो img टैग के लिए हैं।
IPad 1 (4.3.1) और iPad 2 (4.3.3) पर काम करता है।
width="0" height="0"मदद जोड़ना , लेकिन फिर भी एक एकल पिक्सेल प्रदर्शित किया जाता है।
line-heightऔर font-sizeशून्य पर।
मेरा अनुभव वैसा ही है जैसा कुछ अन्य लोगों ने उल्लेख किया है। मेटा टैग ...
<meta name = "format-detection" content = "telephone=no">... तब काम करता है जब वेबसाइट मोबाइल सफारी (यानी क्रोम के साथ) में चल रही होती है, लेकिन वेब के रूप में चलने पर काम करना बंद कर देता है (यानी, होम स्क्रीन पर सहेजा जाता है और बिना क्रोम के चलता है)।
मेरा कम-से-आदर्श समाधान इनपुट फ़ील्ड में मान सम्मिलित करना है ...
<input type="text" readonly="readonly" style="border:none;" value="3105551212">यह आदर्श से कम है क्योंकि सीमा के किसी के भी सेट होने के बावजूद, iOS क्षेत्र के ऊपर एक मल्टी-पिक्सेल ग्रे बार प्रदान करता है। लेकिन, यह एक लिंक के रूप में संख्या को देखने से बेहतर है।
मैंने खुद इसका परीक्षण किया है और पाया है कि यह काम करता है, हालांकि यह निश्चित रूप से एक सुरुचिपूर्ण समाधान नहीं है। फोन नंबर में खाली अवधि डालने से डेटा डिटेक्टरों को लिंक में बदलने से रोका जा सकेगा।
(604) 555<span></span> -4321<meta name = "format-detection" content = "telephone=no"> ईमेल के लिए काम नहीं करता है: यदि आप जिस HTML की तैयारी कर रहे हैं वह ईमेल के लिए है, तो मेटाटैग को नजरअंदाज कर दिया जाएगा।
यदि आप जो लक्ष्य कर रहे हैं, वे ईमेल हैं, तो यहाँ अभी तक एक और बदसूरत-लेकिन काम करता है।
कुछ HTML का उदाहरण जो आप लिंक या ऑटो स्वरूपित होने से बचना चाहते हैं:
will cease operations <span class='ios-avoid-format'>on June 1,
2012</span><span></span>.और सीएसएस जो जादू कर देगा:
@media only screen and (device-width: 768px) and (orientation:portrait){
span.ios-date{display:none;}
span.ios-date + span:after{content:"on June 1, 2012";}
}खामी: आपको आईपैड / आईफोन पोर्ट्रेट / लैंडस्केप कॉम्ब्स में से प्रत्येक के लिए मीडिया क्वेरी की आवश्यकता हो सकती है
आप उन्हें HTML संस्थाओं के रूप में एन्कोडिंग करने का प्रयास कर सकते हैं:
0 = 0
9 = 9मुझे भी यह समस्या है: सफारी और अन्य मोबाइल ब्राउज़र वैट आईडी को फोन नंबरों में बदल देते हैं। इसलिए मैं एक एकल तत्व से बचने के लिए एक स्वच्छ विधि चाहता हूं, न कि पूरे पृष्ठ (या साइट) पर।
मैं एक संभावित समाधान साझा कर रहा हूं जो मुझे मिला, यह सबॉप्टीमल है, लेकिन फिर भी यह बहुत व्यवहार्य है: मैंने कहा, नंबर के अंदर मैं एक tel:लिंक नहीं बनना चाहता हूं , ⁠एचटीएमएल इकाई जो वर्ड-जॉइनर अदृश्य चरित्र है । मैंने इस अर्थ को कुछ अर्थ स्थान पर रखकर और अधिक अर्थपूर्ण (अच्छी तरह से, कम से कम एक प्रकार का) रहने की कोशिश की, उदाहरण के लिए, वैट आईडी के लिए मैंने इसे अपने प्रारूप के अनुसार अंकों के विभिन्न समूहों के बीच रखा ताकि इटालियन वैट I लिखा है: 0613605⁠048⁠8जो 0613605048 and8 में प्रस्तुत करता है और यह एक टेलीफोन नंबर में परिवर्तित नहीं होता है।
मैं थोड़ी देर के लिए वास्तव में इससे उलझन में था लेकिन आखिरकार इसका पता लगा लिया। हमने अपनी साइट को अपडेट किया और कुछ संख्याओं को लिंक में परिवर्तित किया और कुछ नहीं थे। यदि वे <फ़ील्ड> में हैं, तो वे संख्याएँ लिंक में परिवर्तित नहीं होंगी। स्पष्ट रूप से अधिकांश परिस्थितियों के लिए सही समाधान नहीं है, लेकिन कुछ में यह सही होगा।
यह उत्तर 6-13-2012 के अनुसार सब कुछ रौंद देता है:
<a href="#" style="color: #666666;
text-decoration: none;
pointer-events: none;">
Boca Raton, FL 33487
</a>आपके टेक्स्ट से मेल खाने वाले रंग को बदलें, टेक्स्ट डेकोरेशन अंडरलाइन को हटा देता है, पॉइंटर इवेंट इसे ब्राउज़र में लिंक की तरह देखने से रोकता है (पॉइंटर हाथ में नहीं बदलता)
यह ios और ब्राउज़र पर HTML ईमेल के लिए एकदम सही है।
pointer-events, निश्चित है। यदि उपयोगकर्ता IE 10 में आपके HTML ई-मेल देख रहा है , हालांकि, अच्छा नहीं है ।
आप लिंकिंग को क्यों हटाना चाहते हैं, यह वें को अपनाने के लिए बहुत उपयोगकर्ता के अनुकूल है।
अगर आप बस ऑटो एडिटिंग को हटाना चाहते हैं, लेकिन लिंक को काम करते रहें तो इसे अपने CSS में जोड़ें ...
a[href^=tel] {
color: inherit;
text-decoration:inherit;
}एक अन्य समाधान आईपी नंबर की एक छवि का उपयोग करना होगा