Я разрабатываю веб-приложение, которое будет запускаться с рабочего стола на iPad в качестве полноэкранного приложения. Документация Apple по телефонным ссылкам рекомендует использовать этот метатег:
<meta name = "format-detection" content = "telephone=no">
Однако это не работает. Есть ли какой-либо другой механизм HTML/CSS/JavaScript для управления этим поведением?
Случайная инъекция якорных меток вызывает у меня много ошибок CSS.
Обход
Один хак, который я нашел для работы, это ввести специальные символы пробела, но мысль о преобразовании всех моих данных на выходе не наполняет меня радостью. Такие персонажи приносят свои проблемы на стол. Выполнение этого будет еще более осложнено преобразованиями AJAX и JavaScript.
воспроизводящего
Шаги для воспроизведения:
- Откройте страницу на iPad Safari
- Используйте функцию закладки "Добавить на главный экран"
- Запустите значок главного экрана
Пример страницы:
<!DOCTYPE html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name = "format-detection" content = "telephone=no">
<title>Telephone detect</title>
</head>
<body>
expected:
<a href="tel:1555555">1555555</a>
<br />
bad: 1555555
<br />
bad: 1555555
<br />
inconvenient: 1555555
</body>
</html>
Примечания
Этот вопрос, похоже, связан, но ему не хватает деталей, и я не уверен, что поведение на iPhone идентично. Это веб-приложение и не имеет встроенного компонента. iPad версии 3.2.2.