Кроссбраузерность и тестирование сайта на разных мобильных устройствах



Не надо пугаться мудрёного слова, ничего сложного тут нет.

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

Внешний вид сайта играет определяющее значение в деле сайтостроения. Цветовые решения, шрифт, размеры заголовков, логотип – важные составляющие. Вполне естественно, любому вебмастеру хотелось бы, чтобы вся его творческая работа отображалась максимально корректно на любом современном устройстве. А уж чего-чего, а, этих самых устройств сегодня навалом. И, с каждым днём становится всё больше и больше. Не покупать же все эти “громкие” новинки для проверки своего сайта. Никаких денег не хватит, да и смысл?

Тем не менее, рынок мобильных устройств растёт. По некоторым данным, уже сегодня, количество пользователей пользующихся мобильными устройствами превысило 20%, дальше, естественно, будет больше. Немалая часть потенциальной аудитории.

Так что, игнорировать это дело нельзя, да и сложностей в проверке на кроссбраузерность особой нет. Надо, просто знать, что и как делать.

Как проверить свой сайт на кроссбраузерность?

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

Удобный сервис для тестирования в разных браузерах – это browsershots.org. Только не оставляйте слишком много галочек напротив разных браузеров, ждать будете довольно долго. Выбирайте основные и просмотрите все эскизы, которые вы, через некоторое время получите. Внизу, в настройках, вы можете задать нужное разрешение монитора, включить или отключить Ява-скрипты.

Тестирование сайта на разных мобильных устройствах

Для мобильных устройств, на сегодняшний день, лидер в деле тестирования сайтов является сервис quirktools.com.

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

Вот так выглядит этот сайт на планшете Kindle Fire HD 7’’:

тестирование сайта на разных мобильных устройствах

тестирование сайта на разных мобильных устройствах

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

Остаётся сделать правильный вывод. Кроссбраузерность и тестирование на разных мобильных устройствах необходимый этап при создании сайта. Нет смысла пренебрегать значительной частью аудитории, тем более, что она постоянно увеличивается. Вы же делаете сайт не на один месяц.

@ ПОДПИСАТЬСЯ НА НОВОСТИ САЙТА

Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST

Поделиться:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:bye: 
:good: 
:za-nas: 
:wacko: 
:yahoo: 
:skromnost: 
:heart: 
:rose: 
:-) 
:yes: 
:cry: 
:mail: 
:unsure: 
;-)