Набор номера на смартфоне при нажатии на номер телефона на сайте

Мне казалось, что это естественная фича сотовых, когда тыкаешь в какое то число на странице сайта в мобильном браузере — он пытается с ним что то делать, предлагая свои обычные варианты — послать СМС или позвонить.

Оказалось, что это не совсем так. Вернее, есть в спецификации html правильный подход, который позволяет указать что данная ссылка — номер телефона. Тогда браузер не будет уже напрягать свои алгоритмы, гадая что же сиё есть, а будет искать обработчики набора номера.

Спецификации уже более 10 лет! Вот документ — http://www.ietf.org/rfc/rfc3966.txt

Суть которого сводится к следующему практическому примеру, в котором я также показываю зачистку номера телефона о лишних символов.

То есть, в атрибуте href тега <a> мы используем специальный префикс tel:, за которым следует номер телефона в международном формате. Все очень просто!

Мало букафф? Читайте есчо !

Скрипт слежения за изменениями в less файлах

Декабрь 2, 2018 г.

Lessc не имеет ключа 'слежения', чтобы выполнять перекомпиляцию при изменении less файлов проекта, как например это сделано у sass компилятора. Это весьма не удобно на этапе верстки шаблона из макета. Для отслеживания я установил UNIX утилиту inotify. ...

Читать

Sweet alert: как убрать вообще все кнопки

Апрель 11, 2023 г.

По дефолту, если вы не задаёте кнопок, то плагин всё равно добавляет кнопку 'Ок'. Разбираемся, как удалить и её. В настройках есть такой параметр как showConfirmButton, который по умолчанию принимает значение true. Требуется лишь задать его false, ...

Читать

Как в woocommerce изменить количество товаров на странице?

Август 3, 2017 г.

После установки плагин WC создаёт несколько страниц (речь идет о публикациях типа "Страница") на вашем сайте. Одна из них становится витриной, местом где ...

Читать

Анимированный градиент в ActionBar

Октябрь 23, 2022 г.

Расскажу как создать фон для actionbar с анимацией градиента цвета. Нам понадобится Android Studio и Kotlin. Для начала добавим drawable ресурс в наш проект. Откроем в проекте вкладку res/drawable и выберем из меню File -> New -> Drawable ...

Читать
 

Комментарии к «Набор номера на смартфоне при нажатии на номер телефона на сайте»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: