Запрещаем Skype преобразовывать телефоны на html страницах

В этом уроке я покажу Вам несколько способов как запретить Скайпу преобразовывать телефоны в Вашей верстке. Проблема заключается в том, что Skype достаточно популярная бесплатная программа для общения через сеть, но при установке можно быстро кликать по кнопкам далее и пропустить такой важный шаг, как установка приложения Skype Click To Call для браузеров, что ведет за собой изменение всех телефонов, которые Вы видите на сайтах и в Вашей верстке. Возможно, разрабочтикам скайпа нравится дизайн этих телефонов, но как по мне, так и по моим Заказчикам это преобразование достаточно «жесткое» и зачастую нарушает весь дизайн.

Как выглядит проблема, я показал на скриншоте ниже:

Сверху, то как Skype преобразовывает телефоны, а снизу то, как должен отображаться телефон.

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

Решения для разработчиков:

Для коллег есть три решения. Вы можете выбрать тот, что Вам больше нравится, я использую 3 вариант. После применения предложеных решений Skype преобразовывать телефоны больше не будет.

вариант 1. Использование специальных символов

Если телефоны Вы пишете через дефис, то используйте тире длинны N — &ndash, а если телефоны пишете через пробел, то используйте неразрывный пробел —  

<span class="phone_box">
	(050) 228&ndash;22&ndash;99
</span>
<span class="phone_box">
	(050) 228&nbsp;22&nbsp;99
</span>

Как бонус Вы получаете абсолютно валидный код.

вариант 2. HTML хак

Еще один способ устранить проблему — это добавить в телефон пустой, скрытый инлайновый элемент:

<span class="phone_box">
	(050) 228<span style="display: none">-</span>-22-99
</span>

Первый и второй способ мне не сильно нравятся, потому что обычно клиент задает свои телефоны в панели управления сайтом, ну и, конечно, никогда сам не догадается, что нужно вставить специальный символ, а тем более не вставит инлайновый скрытый элемент. Точняк)

вариант 3. Добавление мета тега

Вот этот способ мне действительно понравился больше всего, да и замарачиваться особо не нужно. Подходит в практически любых случаях, особенно, когда на странице куча телефонов (и в верхнем, и в нижнем колонтитуле, сквозные телефоны по всему сайту). Так вот чтобы убрать «ненавистный» скайп достаточно добавить мета-тег в голове сайта head

<meta name="SKYPE_TOOLBAR" content ="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

Решения для пользователя:

Решения для пользователя заключаются, в первую очередь, определением браузера, который используется. По умолчанию приложение Skype Click to Call устанавливается только для 3 браузеров (Google Chrome, Mozlla Firefox, Intenet Explorer).

если у Вас Google Chrome — заходим в Настройки -> Расширения -> находим плагин скайпа и жмем отключить, и все хорошо))

если у Вас Mozilla Firefox — заходим в Инструменты -> Дополнения -> Плагины и отключаем плагин скайпа

если у Вас Internet Explorer (O_o) — заходим в Сервис -> Надстройки -> Панели инструментов и расширения в правой колонке находим расширение Skype Click To Call и снизу нажимаем кнопку «Отключить»

Заключение

Теперь Вы знаете как убрать преобразование телефонов скайпом. Вообще советую внимательно читать информацию при установке любых программ, чтобы не установить то что абсолютно не нужно да и «подтупливает» комп от таких установок.

ПС. Поделитесь плз статьей в социальных сетях, может очень кому-то пригодится)