Браузер iOS 10 Safari вставляет ссылки для телефонных номеров

Question

У меня есть div, который скрыт.Div содержит данные json, которые считываются и анализируются компонентами реагирования.Проблема в iOS, сафари продолжает изменять значения телефонных номеров следующим образом.

Оригинал:

<div id='data' style='display: none'>{"phone":"012345678"}</div>

Safari:

<div id='data' style='display: none'>{"phone":"<a href="tel: 012345678">012345678</a>"}</div>

Это вызывает JSON.parse () не работает на стороне клиента.Как я могу остановить это поведение.

Answer 1

Предложение от Маймилано Поджио очень хорошее.Однако это не сработало для меня, так как я все еще хочу, чтобы автоматическое форматирование телефонных номеров работало в других частях веб-страницы.Следовательно, я придумал свое собственное решение.Вместо тега <div/> я использую тег <pre/>.Это гарантирует, что соответствующие части не будут отформатированы в результате несчастного случая в iOS-сафари.

Answer 2

Вы должны добавить это в свой HTML-индекс

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