Microsoft Edge का फ़ोन नंबर स्टाइल निकालें

95

मैंने देखा कि नया Microsoft एज ब्राउज़र फोन नंबर का पता लगाने पर मेरी शैलियों को ओवरराइड करता है:

<span class="phone">(123)123-1234</span>

यह jsfiddle देखें (Microsoft Edge: P) का उपयोग करके खोला जाना चाहिए।

इस तरह की वेबसाइट के डिजाइन पर घुसपैठ होती है, और बल्कि अप्रिय है। निश्चित रूप से IE के उत्तराधिकारी के लक्षण की तरह लगता है: /

मैं इसे कैसे ओवरराइड या अक्षम कर सकता हूं ताकि मेरी वेबसाइट उपयोगकर्ता इसे नहीं देख पाएंगे?

html css microsoft-edge

— KARNS
स्रोत

मुझे आशा है कि यह वास्तव में मैलवेयर के कारण नहीं है ...

— karns

ऐड-ऑन की जाँच करें (एज नहीं है), लेकिन कुछ ऐड-ऑन ने IE-s में उस व्यवहार का कारण बना ...

— sinisake

7

मैंने आज ही ट्विटर पर इस बारे में टिप्पणी की: mobile.twitter.com/scunliffe/status/631484565492625409 कम से कम अब तक के लिए मैं अब तक देख सकता हूं जब तक कि Microsoft इस खराब निर्णय को उलट नहीं करता है आपको <meta name="format-detection" content="telephone=no"/>हर एक पृष्ठ को जोड़ना होगा जो आपको छुटकारा पाना है इस का। :-(

— scunliffe

1

यह अक्षांश / देशांतर संख्याओं जैसे 145.1231321

— behelit

1

उपयोगकर्ता के पीसी के क्षेत्र सेटिंग ("होम लोकेशन") के साथ हाइलाइट होने वाले संख्या प्रारूप भी भिन्न होते हैं, इसलिए यह सभी उपयोगकर्ताओं को अलग तरह से प्रभावित करेगा! इसका मतलब यह है कि जब आप अपने पृष्ठों का परीक्षण करते हैं तो आपके उपयोगकर्ता वास्तव में एक ही ब्राउज़र का उपयोग करने के बावजूद कुछ अलग देख सकते हैं: docs.microsoft.com/en-us/prepret-versions/windows/…

— SharpC

171

आप अपने पृष्ठों के शीर्षक में इस मेटा टैग को जोड़कर इससे छुटकारा पा सकते हैं।

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

इस टैग पर Microsoft का प्रलेखन ।

उम्मीद है कि ब्लोटिंग पेजों के बिना विश्व स्तर पर इसे बंद करने का एक बेहतर तरीका होगा ... या बेहतर अभी तक डिफ़ॉल्ट रूप से इस सुविधा को अक्षम करें।

— scunliffe
स्रोत

अच्छा उत्तर! क्या आप इस बारे में डॉक्स का लिंक जोड़ पाएंगे, कृपया?

— Karns

8

बेवकूफ डिजाइन। अगर कोई ऐसा करना चाहेगा। कम से कम, आप इसे "वैकल्पिक-फोन = सच" जैसी विशेषता को वैकल्पिक बनाने की अनुमति दे सकते हैं, क्योंकि कभी-कभी आपके वेबएप्प को ऐसा करने की अनुमति देने की आवश्यकता नहीं होती है, यदि इसका इरादा भी नहीं है ...

— मिगुएल

59

यदि आप चयनित उत्तर के अनुसार पूरे पृष्ठ के लिए अक्षम नहीं करना चाहते हैं, तो आप निम्न विशेषता को एक विशिष्ट टैग में जोड़ सकते हैं

<p x-ms-format-detection="none">

संदर्भ: https://docs.microsoft.com/en-us/prepret-versions/windows/internet-explorer/ie-developer/dev-guides/dn265018(v=vs.85)#continging-phone-number-detection

— maguy
स्रोत

9

मुझे पता है कि यह एक पुराना उत्तर है, लेकिन इसे देखने वाले किसी भी व्यक्ति के लिए: मुझे इसे मूल टैग में जोड़ना होगा (जैसे <div> जो कि लेबल से एक कदम ऊपर है या जो भी आप फोन प्रदर्शित करने के लिए उपयोग कर रहे हैं संख्या)।

— डॉर्टिमर

+1 जवाब और डेबसेर्ट्रोन की टिप्पणी दोनों के लिए। टिप्पणी पर आगे, यह एक ब्लॉक-स्तरीय माता-पिता होने की आवश्यकता है - मैंने एक स्पैन के साथ कोशिश की, जो काम नहीं करता था, लेकिन एक div ठीक था।

— मसाला

31

उपरोक्त उत्तर पूरी तरह से काम करता है, लेकिन फोन नंबर पर कॉल करने के लिए क्लिक करने की क्षमता को निष्क्रिय कर देता है (यदि आप एक उत्तरदायी साइट बना रहे हैं तो यह एक बड़ी समस्या है)। मैंने फोन नंबर को एक कड़ी बनाने के लिए एक बेहतर काम पाया है। उदाहरण:

<a href="tel:888-888-8888">(888) 888-8888</a>

यह तब आपको "लिंक" स्टाइल करने की अनुमति देगा, हालांकि आप चाहते हैं, और आपके सीएसएस में "ए" शैलियाँ फोन नंबर पर एज और आईफोन शैलियों को ओवरराइड करती हैं। इसका एकमात्र मुद्दा यह है कि यह फोन नंबर को सभी उपकरणों के लिए एक कड़ी बनाता है, लेकिन मैंने पाया है कि यह कोई समस्या नहीं है क्योंकि लगभग हर डिवाइस में कॉल फीचर या ऐप शामिल करने के लिए किसी न किसी तरह का क्लिक होता है।

— कैमरून
स्रोत

1

मेरी नजर में सबसे अच्छा तरीका!

— कॉन्सेप्टडेलिक

हालांकि, सवाल "कैसे निष्क्रिय करना है", मुझे सहमत होना होगा कि यह एक बेहतर प्रतिक्रिया होगी यदि आप मोबाइल फोन के उपयोग के साथ एक संवेदनशील साइट बनाने की कोशिश कर रहे हैं।

— JStevens

3

मैंने इस समस्या का सामना किया है, लेकिन थोड़े अलग उपयोग के मामले के साथ: यह जिस संख्या को उजागर कर रहा है वह फोन नंबर नहीं है, इसलिए मैं कोई विशेष प्रारूपण नहीं चाहता।

उदाहरण के लिए आपके पास कुछ हो सकता है जैसे:

<div>The current date/time: May 08 2017 10:44:58 GMT Daylight Time</div>

मेरे लिए *, एज 08 2017 10एक फोन नंबर लिंक में परिवर्तित हो जाएगा । धन्यवाद, एज!

मैंने पाया है कि आप इसे inline-blockस्ट्रिंग के बीच में अदृश्य तत्व डालकर प्राप्त कर सकते हैं :

.notel{
  display:inline-block;
  height:0px;
  width:0px;
}

<span class="phone">(763)219-5222</span>
<div>The current date/time: May 08 2017 10:44:58 GMT Daylight Time</div>

<br>
<span class="phone">(763)2<span class="notel"></span>19-5222</span>
<div>The current date/time: May 08 2<span class="notel"></span>017 10:44:58 GMT Daylight Time</div>

स्निपेट का विस्तार करें

मैं देख नहीं सकता कि यह आपके फोन नंबर के लिए काम करता है क्योंकि मैं किसी भी मामले में हाइलाइटिंग नहीं देखता। आपको स्पान की स्थिति को कम करना पड़ सकता है।

संयोग से, तथ्य यह है कि आप ऐसा कर सकते हैं कई कारणों में से एक है जिसे आपको वेबपेजों और अपने टर्मिनल में कमांड की प्रतिलिपि नहीं करनी चाहिए:

span{
display:inline-block;
height: 0px;
width: 0px;
overflow:hidden;
}
textarea{
  width: 300px;
  height:50px;
}

<div>echo "HELLO" <span>&& wreck this machine</span></div><div>echo "WORLD"</div>

<textarea ></textarea>
<div>
Select, copy and paste above commands into the textarea.
</div>

स्निपेट का विस्तार करें

* मुझे लगता है कि एज का हाइलाइटिंग नंबर क्षेत्रीय है। आपका jsfiddle मेरे लिए हाइलाइट नहीं है, लेकिन मैं यूके में हूं। यह संख्या 0 से शुरू होने वाली संख्या को उजागर करता है।

— Jools
स्रोत