আইফোনের সাফারি স্বয়ংক্রিয়ভাবে অঙ্কের স্ট্রিংয়ের জন্য লিঙ্ক তৈরি করে যা টেলিফোন নম্বরগুলিতে প্রদর্শিত হয়। আমি একটি আইপি ঠিকানা সম্বলিত একটি ওয়েব পৃষ্ঠা লিখছি এবং সাফারি এটিকে একটি ফোন নম্বর লিঙ্কে রূপান্তর করছে। পুরো পৃষ্ঠার জন্য বা কোনও পৃষ্ঠার কোনও উপাদানটির জন্য এই আচরণটি অক্ষম করা সম্ভব?
উত্তর:
সাফারি এইচটিএমএল রেফারেন্স অনুসারে এটি সঠিক কাজ বলে মনে হচ্ছে :
<meta name="format-detection" content="telephone=no">আপনি যদি এটি অক্ষম করেন তবে এখনও টেলিফোন লিঙ্কগুলি চান তবে আপনি "টেল" ইউআরআই স্কিমটি ব্যবহার করতে পারেন।
অ্যাপলের বিকাশকারী লাইব্রেরিতে প্রাসঙ্গিক পৃষ্ঠাটি এখানে ।
নির্দিষ্ট উপাদানগুলির জন্য ফোন পার্সিংয়ের উপস্থিতিটি অক্ষম করতে, এই CSS টি কৌশলটি করছে বলে মনে হচ্ছে:
.element { pointer-events: none; }
.element > a { text-decoration:none; color:inherit; }প্রথম নিয়ম ক্লিকটি অক্ষম করে, দ্বিতীয়টি স্টাইলিংয়ের যত্ন নেয়।
আমি একটি শূন্য প্রস্থের জোড় ব্যবহার করি ‍
এটি কেবল ফোন নম্বরটিতে কোথাও রেখে দিন এবং এটি আমার পক্ষে কাজ করে। ব্রাউজারস্ট্যাকে পরীক্ষিত (এবং ইমেলের জন্য লিটমাস)।
আমি একই সমস্যা ছিল। আমি ইউআইউইউভিউ ভিউতে একটি সম্পত্তি পেয়েছি যা আপনাকে ডেটা ডিটেক্টরগুলি বন্ধ করতে দেয়।
self.webView.dataDetectorTypes = UIDataDetectorTypeNone;ফোনগ্যাপ-আইফোন / ফোনগ্যাপ-আইওএস অ্যাপ্লিকেশনগুলির জন্য, আপনি আপনার প্রকল্পের অ্যাপ্লিকেশন প্রতিনিধিটিতে নিম্নলিখিতগুলি যুক্ত করে টেলিফোন নম্বর সনাক্তকরণটি অক্ষম করতে পারেন:
// ...
- (void)webViewDidStartLoad:(UIWebView *)theWebView
{
// disable telephone detection, basically <meta name="format-detection" content="telephone=no" />
theWebView.dataDetectorTypes = UIDataDetectorTypeAll ^ UIDataDetectorTypePhoneNumber;
return [ super webViewDidStartLoad:theWebView ];
}
// ...কোনও পৃষ্ঠার অংশে ফোন নম্বর সনাক্তকরণ অক্ষম করতে, প্রভাবিত পাঠ্যটিকে নোঙ্গর ট্যাগে href = "#" দিয়ে মোড়া করুন। আপনি যদি এটি করেন তবে মোবাইল সাফারি এবং ইউআইওউবভিউয়ের উচিত এটি একা।
<a href="#"> 1234567 </a>metaট্যাগটি কাজ না করায় এটিই আমি শেষ করেছি । তবে, <a href="javascript:;">ইউআরএল পরিবর্তন থেকে পার্শ্ব প্রতিক্রিয়া রোধ করার জন্য এটি সম্ভবত আরও ভাল করা হয়েছে।
ভাবুন আমি একটি সমাধান পেয়েছি: একটি <label>উপাদানটির মধ্যে নম্বরটি দিন । অন্য কোনও ট্যাগ চেষ্টা <div>করে দেখেনি, তবে telephone=noএট্রিবিউট সহ এটি হোম স্ক্রিনে সক্রিয় রেখেছেন ।
পূর্ববর্তী মন্তব্যগুলি থেকে এটি স্পষ্ট বলে মনে হয় যে মেটা ট্যাগটি কাজ করেছিল, তবে কোনও কারণে আইওএস-এর পরবর্তী সংস্করণগুলিতে কিছুটা শর্ত হয়ে গেছে। আমি ৪.০.১ চালাচ্ছি।
<like this>,। (স্ট্যাক ওভারফ্লো মার্কডাউন নামক একটি ফর্ম্যাট ভাষা ব্যবহার করে)) আমি সেই অনুসারে আপনার উত্তরটি সম্পাদনা করব।
#সামনের অংশে একটি চরিত্র যুক্ত করার আশ্রয় নিয়েছি : অ্যাপল ডক "অ্যাপল ইউআরএল স্কিম রেফারেন্স" অনুসারে: "বিশেষত, যদি কোনও ইউআরএলে * বা # অক্ষর থাকে তবে ফোন অ্যাপ্লিকেশন সংশ্লিষ্ট ডায়াল করার চেষ্টা করে না ফোন নম্বর."
আপনি মান হিসাবে <a>লেবেলটি ব্যবহার করতে পারেন । অনুসরণ হিসাবে উদাহরণ:javascript: void(0)href<a href="javascript: void(0)">+44 456 77 89 87</a>
আমার একই সমস্যা ছিল, তবে একটি আইপ্যাড ওয়েব অ্যাপে।
দুর্ভাগ্যক্রমে, না ...
<meta name = "format-detection" content = "telephone=no">না ...
0 = 0
9 = 9... কাজ করছে.
তবে, এখানে তিনটি কুৎসিত হ্যাক:
555.5<span>5</span>5.5555আপনি যে ফন্টটি ব্যবহার করেন তার উপর নির্ভর করে প্রথম দুটি সবেমাত্র লক্ষণীয়। পরবর্তীকালে স্পষ্টতই অতিমাত্রায় কোড জড়িত তবে এটি ব্যবহারকারীর কাছে অদৃশ্য।
ক্লডজি হ্যাক্স নিশ্চিতভাবেই, এবং আপনি যদি ডেটা থেকে গতিশীলভাবে আপনার কোড তৈরি করে থাকেন বা আপনি যদি এইভাবে আপনার ডেটাটিকে কলুষিত করতে না পারেন তবে সম্ভবত কার্যকর হবে না।
তবে, এক চিমটি যথেষ্ট।
আমার একটি এবিএন (অস্ট্রেলিয়ান ব্যবসায়িক নম্বর) ছিল যা আইপ্যাড সাফারি একটি ফোন নম্বর লিঙ্কে রূপান্তর করার জন্য জোর দিয়েছিল। কোনও পরামর্শই সহায়তা করেনি। আমার সমাধানটি ছিল সংখ্যাগুলির মধ্যে ইমগ ট্যাগ লাগানো tag
ABN 98<img class="PreventSafariFromTurningIntoLink" /> 009<img /> 675<img /> 709ক্লাসটি কেবলমাত্র img ট্যাগগুলির জন্য ডকুমেন্টের জন্য বিদ্যমান।
আইপ্যাড 1 (4.3.1) এবং আইপ্যাড 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">এটি আদর্শের চেয়ে কম কারণ সীমান্তটি কোনওটিতে সেট করা না সত্ত্বেও, আইওএস মাঠের উপরে একাধিক পিক্সেল ধূসর বার সরবরাহ করে। তবে, সংখ্যাটি লিঙ্ক হিসাবে দেখার চেয়ে ভাল।
আমি নিজেই এটি পরীক্ষা করে দেখেছি যে এটি কার্যকর হয় যদিও এটি অবশ্যই কোনও মার্জিত সমাধান নয়। ফোন নম্বরটিতে একটি ফাঁকা স্প্যান োকানো ডেটা ডিটেক্টরগুলিকে এটি একটি লিঙ্কে রূপান্তরিত করা থেকে আটকাবে।
(604) 555<span></span> -4321<meta name = "format-detection" content = "telephone=no"> ইমেলগুলির জন্য কাজ করে না: আপনি প্রস্তুত এইচটিএমএল যদি কোনও ইমেলের জন্য হয় তবে মেটাট্যাগ উপেক্ষা করা হবে।
আপনি যদি টার্গেট করছেন তা ইমেলগুলি হ'ল, এখানে ইয়াএলটির জন্য আরও একটি কুৎসিত-তবে-সমাধান সমাধান রয়েছে:
লিঙ্কযুক্ত বা স্বয়ংক্রিয় বিন্যাসিত হওয়া এড়াতে চান এমন কয়েকটি 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";}
}অপূর্ণতা: আপনার প্রতিটি আইপ্যাড / আইফোন প্রতিকৃতি / ল্যান্ডস্কেপ কম্বোসের জন্য একটি মিডিয়া ক্যোয়ারীর প্রয়োজন হতে পারে
আপনি তাদের এইচটিএমএল সত্তা হিসাবে এনকোড করার চেষ্টা করতে পারেন:
0 = 0
9 = 9আমারও এই সমস্যাটি রয়েছে: সাফারি এবং অন্যান্য মোবাইল ব্রাউজারগুলি ভ্যাট আইডিগুলিকে ফোন নম্বরগুলিতে রূপান্তর করে। সুতরাং আমি এটি সম্পূর্ণ পৃষ্ঠায় (বা সাইট) নয়, একটি একক উপাদানে এড়াতে একটি পরিষ্কার পদ্ধতি চাই।
আমি যে সম্ভাব্য সমাধানটি পেয়েছি তা ভাগ করে নিচ্ছি, এটি suboptimal তবে তবুও এটি বেশ কার্যকরী: আমি যে সংখ্যার tel:লিঙ্কে পরিণত হতে চাই না তার ভিতরে রাখি, ⁠এইচটিএমএল সত্তা যা ওয়ার্ড-জয়েনার অদৃশ্য চরিত্র । আমি এই চরটি কিছু অর্থের জায়গায় রেখে আরও অর্থপূর্ণ (ভাল, কমপক্ষে এক ধরণের) থাকার চেষ্টা করেছি, যেমন ভ্যাট আইডির জন্য আমি এটির বিন্যাস অনুযায়ী অঙ্কের বিভিন্ন গোষ্ঠীর মধ্যে রাখার জন্য বেছে নিয়েছি সুতরাং ইতালীয় ভ্যাট আইয়ের জন্য লিখেছেন: 0613605⁠048⁠8যা 06136050488 এ রেন্ডার করে এবং এটি কোনও টেলিফোন নম্বরে রূপান্তরিত হয় না।
আরেকটি বিকল্প হ'ল অক্ষর দ্বারা আপনার ফোন নম্বরটিতে হাইফেনগুলি প্রতিস্থাপন করা ‑(U + 2011 'ইউনিকোড নন-ব্রেকিং হাইফেন')
আমি কিছুক্ষণের জন্য এটি দ্বারা সত্যই বিভ্রান্ত হয়ে পড়েছিলাম তবে অবশেষে এটি বের করে ফেললাম। আমরা আমাদের সাইটে আপডেট করেছি এবং কিছু সংখ্যাকে একটি লিঙ্কে রূপান্তর করেছি এবং কিছুটি ছিল না। দেখা যাচ্ছে যে একটি নম্বর <ফিল্ডসেট> এ থাকলে নম্বরগুলি কোনও লিঙ্কে রূপান্তরিত হবে না। স্পষ্টতই বেশিরভাগ পরিস্থিতিতে সঠিক সমাধান নয়, তবে কিছু ক্ষেত্রে এটি সঠিক সমাধান হবে।
এই উত্তরটি 6-13-2012 হিসাবে সমস্ত কিছু ট্রাম্প করে:
<a href="#" style="color: #666666;
text-decoration: none;
pointer-events: none;">
Boca Raton, FL 33487
</a>আপনার পাঠ্যের সাথে যা কিছু মেলে তার সাথে রঙ পরিবর্তন করুন, পাঠ্য সজ্জাটি আন্ডারলাইনটি সরিয়ে দেয়, পয়েন্টার ইভেন্টগুলি এটিকে ব্রাউজারে লিঙ্কের মতো দেখা বন্ধ করে দেয় (পয়েন্টারটি কোনও হাতে বদলায় না)
এটি আইওএস এবং ব্রাউজারে এইচটিএমএল ইমেলের জন্য উপযুক্ত।
pointer-events, নিশ্চিত। ব্যবহারকারী যদি আইই 10 তে আপনার এইচটিএমএল ইমেলগুলি দেখছেন তবে কোনও ভাল হবে না ।
আপনি কেন এই লিঙ্কিংটি সরিয়ে ফেলতে চান, এটি খুব সহজেই বন্ধকে বন্ধুত্বপূর্ণ করে তোলে।
আপনি যদি কেবল স্বয়ংক্রিয় সম্পাদনা মুছে ফেলতে চান তবে লিঙ্কটি চালিয়ে যান আপনার সিএসএসে এটি যুক্ত করুন ...
a[href^=tel] {
color: inherit;
text-decoration:inherit;
}আর একটি সমাধান হ'ল আইপি নম্বরটির একটি চিত্র ব্যবহার করা