মাইক্রোসফ্ট এজ এর ফোন নম্বর স্টাইলিং সরান

Question 1

আমি লক্ষ্য করেছি যে নতুন মাইক্রোসফ্ট এজ ব্রাউজারটি যখন ফোন নম্বরগুলি সনাক্ত করে তখন আমার স্টাইলগুলিকে ওভাররাইড করে:

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

এই jsfiddle দেখুন (মাইক্রোসফ্ট এজ: পি ব্যবহার করে খুলতে হবে)।

ওয়েবসাইটের ডিজাইনের উপর এই ধরণের হতাশাগুলি এবং বরং অশ্লীল। আইই এর উত্তরসূরির বৈশিষ্ট্যের মতো নিশ্চিত মনে হচ্ছে: /

আমি কীভাবে এটিকে ওভাররাইড বা অক্ষম করতে পারি যাতে আমার ওয়েবসাইট ব্যবহারকারীরা এটি দেখতে না পাবে?

Question 2

আপনার পৃষ্ঠাগুলির শিরোনামে এই মেটা ট্যাগ যুক্ত করে আপনি এ থেকে মুক্তি পেতে পারেন।

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

এই ট্যাগটিতে মাইক্রোসফ্টের ডকুমেন্টেশন ।

আশা করি ফোলা পৃষ্ঠাগুলি ছাড়াই বিশ্বব্যাপী এটি বন্ধ করার আরও ভাল উপায় থাকবে ... বা আরও ভাল ডিফল্টরূপে এই বৈশিষ্ট্যটি অক্ষম করুন।

Question 3

আপনি যদি নির্বাচিত উত্তরের পরামর্শ অনুযায়ী পুরো পৃষ্ঠার জন্য অক্ষম করতে না চান তবে আপনি একটি নির্দিষ্ট ট্যাগটিতে নিম্নলিখিত বৈশিষ্ট্যটি যুক্ত করতে পারেন

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

তথ্যসূত্র: https://docs.microsoft.com/en-us/preLive-versions/windows/internet-explorer/ie-developer/dev-guides/dn265018(v=vs.85)#controlling- iPhone-number- detection

Question 4

উপরের উত্তরটি পুরোপুরি কার্যকর করে তবে ফোন নম্বরগুলিতে কল করতে ক্লিক করার ক্ষমতাটি অক্ষম করে (আপনি যদি কোনও প্রতিক্রিয়াশীল সাইট তৈরি করে থাকেন তবে এটি একটি বড় সমস্যা)। ফোন নম্বরটি একটি লিঙ্ক হিসাবে তৈরি করার জন্য আমি আরও ভাল কাজ খুঁজে পেয়েছি। উদাহরণ:

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

এরপরে এটি আপনাকে "লিঙ্ক" স্টাইল করার অনুমতি দেবে তবে আপনি চান এবং আপনার সিএসএসের "একটি" শৈলীগুলি ফোন নম্বরটিতে এজ এবং আইফোন শৈলীর ওভাররাইড করে। এটির সাথে একমাত্র সমস্যাটি হ'ল এটি ফোন নম্বরটি সমস্ত ডিভাইসের জন্য একটি লিঙ্ক তৈরি করে, তবে আমি খুঁজে পেয়েছি যে এটি কোনও সমস্যা নয় কারণ প্রায় প্রতিটি ডিভাইসে কল করার জন্য কিছু বৈশিষ্ট্য বা অ্যাপ্লিকেশন অন্তর্ভুক্ত রয়েছে।

Question 5

আমি এই সমস্যার মুখোমুখি হয়েছি, তবে কিছুটা ভিন্ন ব্যবহারের ক্ষেত্রে: এটি যে নম্বরটি হাইলাইট করছে সেটি কোনও ফোন নম্বর নয়, তাই আমি কোনও বিশেষ বিন্যাস চাই না।

উদাহরণস্বরূপ আপনার কিছু থাকতে পারে:

<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 থেকে শুরু হওয়া সংখ্যা হাইলাইট করা হয় বলে মনে হচ্ছে।