Як відключити посилання на номер телефону в мобільному Safari?

Safari на iPhone автоматично створює посилання для рядків цифр, які відображаються до телефонних номерів. Я пишу веб-сторінку, що містить IP-адресу, і Safari перетворює її на посилання на номер телефону. Чи можна відключити цю поведінку для цілої сторінки чи елемента на сторінці?

Здається, що це правильно зробити, згідно з посиланням на Safari HTML :

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

Якщо ви відключили це, але все ще хочете телефонні посилання, ви все одно можете скористатися схемою URI "tel".

Ось відповідна сторінка у Бібліотеці розробників Apple.

Щоб вимкнути розбір зовнішнього вигляду телефону для конкретних елементів, ця CSS, здається, робить свою справу:

.element { pointer-events: none; }
.element > a { text-decoration:none; color:inherit; }

Перше правило відключає клацання, друге дбає про стилізацію.

Я використовую столяр нульової ширини ‍

Просто поставте це десь у номері телефону, і він працює на мене. Тестується в BrowserStack (та лакмусі для електронних листів).

У мене була така ж проблема. Я знайшов властивість на UIWebView, що дозволяє вимкнути детектори даних.

self.webView.dataDetectorTypes = UIDataDetectorTypeNone;

Додайте це, я думаю, це саме те, що ви шукаєте:

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

Рішення для веб-перегляду!

Для програм 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 ];
}

// ...

джерело: Вимкнути виявлення телефону в PhoneGap-iOS .

Щоб відключити виявлення телефонного номера на частині сторінки, загортайте порушений текст у прив’язний тег з href = "#". Якщо ви це зробите, мобільні Safari та UIWebView повинні залишити його в спокої.

<a href="#"> 1234567 </a>

Подумайте, я знайшов рішення: покладіть число всередині <label>елемента. Не пробував жодних інших тегів, але <div>залишав його активним на головному екрані, навіть із telephone=noатрибутом.

З попередніх коментарів очевидно, що метатег дійсно працював, але з якихось причин зламався в пізніших версіях iOS, принаймні за деяких умов. Я бігаю 4.0.1.

Ви також можете використовувати <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

... працював.

Але ось три негарних хаки:

• замінивши число "0" літерою "O"
• заміна числа "1" на букву "l"
• вставити безглуздий проміжок: наприклад, 555.5<span>5</span>5.5555

Залежно від шрифту, який ви використовуєте, перші два ледь помітні. Останній, очевидно, включає зайвий код, але невидимий для користувача.

Kludgy хаки точно, і, ймовірно, не життєздатні, якщо ви динамічно генеруєте код з даних або якщо ви не можете забруднити свої дані таким чином.

Але, достатньо в дрібці.

У мене був ABN (австралійський діловий номер), який iPad Safari наполягав на перетворенні на номер телефону. Жодна з пропозицій не допомогла. Моє рішення полягало в тому, щоб помістити теги img між числами.

ABN 98<img class="PreventSafariFromTurningIntoLink" /> 009<img /> 675<img /> 709

Клас існує лише для документування того, для чого призначені теги img.

Працює на iPad 1 (4.3.1) та iPad 2 (4.3.3).

Мій досвід такий же, як згадували деякі інші. Метатег ...

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

... працює, коли веб-сайт працює в мобільному Safari (тобто, з хромом), але припиняє роботу при запуску як веб-перегляд (тобто зберігається на головному екрані та працює без хрому).

Моє менш ніж ідеальне рішення - вставити значення у поля введення ...

<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>.

І CSS, який зробить магію:

@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";}
}

Недолік: вам може знадобитися медіа-запит для кожної комбінації ipad / iphone портрет / пейзаж

Ви можете спробувати кодувати їх як об'єкти HTML:

0 = 0
9 = 9

Та ж проблема в додатку Sencha Touch вирішена метатегом ( <meta name="format-detection" content="telephone=no">) в index.html програми.

Трюк, який я використовую для більшої, ніж просто мобільної програми Safari, - це використання кодів HTML для відключення та невелика націнка на номер телефону. Це ускладнює браузер "ідентифікувати" номер телефону, тобто

Phone: 1-8&#48;&#48;<span>-</span>62&#48;<span>-</span>38&#48;3

У мене теж є така проблема: Safari та інші мобільні браузери перетворюють ідентифікаційні документи з ПДВ у телефонні номери. Тому я хочу, щоб чистий метод уникнув його на одному елементі, а не на всій сторінці (або на сайті).
Я ділюсь можливим рішенням, яке я знайшов, воно є неоптимальним, але все-таки воно досить життєздатне: я вказую, що всередині номера я не хочу стати tel:посиланням, ⁠HTML-сутність, яка є невидимим символом Word-Joiner . Я спробував залишитися більш семантичним (ну, принаймні, свого роду), поставивши цю позначку в якомусь значущому місці, наприклад, для ПДВ-ідентифікатора я вирішив поставити його між різними групами цифр відповідно до його формату, так що для італійського ПДВ я писав: 0613605⁠048⁠8який відображається в 0613605⁠048⁠8 і не перетворюється на номер телефону.

Інший варіант - замінити дефіси у своєму телефонному номері символом ‑(U + 2011 "Unicode Нерозривний дефіс")

Я на деякий час був справді розгублений, але нарешті зрозумів це. Ми оновлювали наш сайт, деякі номери переходили на посилання, а деякі - не. Виявляється, номери не будуть перетворені на посилання, якщо вони знаходяться в <fieldset>. Очевидно, що для більшості обставин не є правильним рішенням, але в деяких воно буде правильним.

Ця відповідь нагадує все станом на 6-13-2012:

<a href="#" style="color: #666666; 
                   text-decoration: none;
                   pointer-events: none;">
  Boca Raton, FL 33487
</a>

Змініть колір у відповідності з вашим текстом, оформлення тексту видаляє підкреслення, події вказівника зупиняють його перегляд як посилання в браузері (вказівник не змінюється на руку)

Це ідеально підходить для HTML-повідомлень на ios та браузері.

Чому ви хочете видалити посилання, це робить його дуже зручним для користування.

Якщо ви просто хочете видалити автоматичне редагування, але продовжуйте працювати посилання, просто додайте це до свого CSS ...

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

Розбийте число на окремі блоки тексту

301 <div style="display:inline-block">441</div> 3909

Іншим рішенням буде використання зображення номера IP