1. Для довідки

У статті розповідається про те, як скасувати небажаний вплив мобільного браузера на відображення номерів телефону.

Як всім відомо, браузер перетворює кодову інформацію в графічну. Цей процес зазвичай проходить відповідно до загальноприйнятих правил і стандартів, тому верстальники можуть створити ресурс з таким дизайном, який буде виглядати однаково в усіх програмах. Однак існують деякі винятки. Наприклад, для Firefox, існує спеціальний плагін, за допомогою якого можна здійснювати дзвінки по Skype, не залишаючи при цьому сторінки ( докладніше про це читайте тут ). Особливість цього плагіна полягає в тому, що він розпізнає номери телефонів, причому застосовує до них власне оформлення, що не завжди збігається з дизайнерським рішенням ресурсу.

Аналогічна ситуація повторюється і для мобільних браузерів. Зокрема це стосується браузера від BlackBerry, а також програм системи Android і, в тому числі, Safari виробництва компанії Apple. Ці програми розпізнають номери телефонів і перетворять їх в мобільні посилання.

Для довідки

Сутність мобільного посилання головним чином відповідає звичайній комп'ютерній, але на відміну від останньої, здійснюється не перехід на іншу сторінку або сайт, а здійснюється дзвінок за вказаним номером.

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

Для браузерів IOS і Android цей спеціальний мета-тег записується в такий спосіб

HTML

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

BlackBerry позитивно відреагує на таку запис

HTML

<Meta http -equiv = "x-rim-auto-match" content = "none">

Варто зазначити, що при застосуванні цього коду ми скасовуємо розпізнавання телефонів, але не програємо в функціональності. Тобто ми можемо організувати зручний спосіб дзвінка без особливих змін в дизайні. Для цього варто скористатися атрибутом tel :, який вставляється на початку адреси посилання. Також варто відзначити, що за допомогою подібних посилань можна здійснювати не тільки дзвінки, але і відсилати SMS-ки. Нижче представлені приклади таких посилань для мобільних браузерів

HTML

<A href = "sms: 12345678"> Повідомлення для абонента 12345678 </ a> <a href = "tel: +1234567890"> Телефонуйте нам прямо зараз! </ A>

Оцінок: 3 (середня 5 з 5)

Сподобалася стаття? Розкажіть про неї друзям:

Рівень складності:

середній

ще цікаве