vachevskiy.ru

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

Вот и встретили мы Новый Год, нужно продолжать работать. В данной статье я напишу, как проверить кроссбраузерность сайта или другими словами вы узнаете, как найти ошибку на сайте, из-за которой вы можете терять очень много посетителей.

кроссбраузерность сайта

Итак, начнем с того, что такое кроссбраузерность сайта?
Кроссбраузерность – это нормальное отображение ресурса во всех браузерах. Не секрет, что в разных браузерах и в разных версиях этих браузеров ресурс может отображаться по-разному. Например, в Google Chrome ваш сайт может отображаться идеально, но зайдя на тот же сайт с браузера Opera или Firefox, вы можете увидеть много ошибок, которые точно не понравятся посетителям.

Я часто делаю разные изменения на своих ресурсах и буквально несколько недель назад решил сделать логотип кликабельним для улучшения навигации. Зашел через свой любимый Google Chrome, все хорошо, логотип отображался отлично: кроссбраузерность Но вчера праздновал Новый Год у друга и решил зайти на свой сайт. Друг пользуется браузером Opera, я был в шоке, когда увидел вот такую картинку:

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

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

Для начала вам нужно узнать, с каких вообще браузеров приходят посетители на ваш блог. Для этого можно воспользоваться статистикой google analytics. Если к вашему сайту подключена другая статистика, то думаю, там также есть возможность узнать, какими браузерами пользуются посетители. Покажу на примере статистики google analytics. Зайдите в раздел «Аудитория» – «Технологии» – «Браузер и ОС»:

статистика в google analitiks

Мы видим список всех браузеров, с которых заходили люди на сайт. В моем случае – это 192 браузеры. Конечно, это очень много и во всех проверять сайт нет смысла. Проанализируем только те, с которых пришло наибольше посетителей:

основные браузеры

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

браузер safari

Здесь также анализировать нужно только самые основные версии. В том же google analytics есть возможность посмотреть показатель отказов каждого браузера и версии. Это очень важная информация. Обратите внимание в первую очередь на те браузеры и их версии, где большой показатель выходов:

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

Скачайте этот браузер на свой компьютер и проверьте в нем как главную так и внутреннюю страницы сайта.

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

http://browsershots.org – это, наверное, самый лучший бесплатный сервис, поскольку с его помощью можно проверить кроссбраузерность почти во всех основных браузерах, а также их версиях. Здесь сначала нужно поставить галочки напротив браузеров, с которых приходят посетители на ваш ресурс (информация с google analytics). Внизу можно указать разрешение экрана, а также присутствие javascript, flash и java. Потом введите ссылку на свой ресурс в поле «Enter URL Here:» и нажмите на кнопку «Submit».

После этого вам нужно подождать несколько минут, и вы увидите скриншоты отображения вашего сайта в разных браузерах. Ждать нужно от 3 до 50 минут, все зависит от того, сколько браузеров вы выбрали. А вообще лучше за это время заняться другими делами :smile:.

http://netrenderer.com – с помощью этого бесплатного сервиса можно проверить кроссбраузерность сайта только в браузере Internet Explorer во всех версиях. Сервис также делает скриншоты сайта, как главной, так и внутренней страницы, но нужно проверять ресурс во всех версиях индивидуально.

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

На этом все на сегодня. До новых встреч, друзья ;-).

1 звезда2 звезды3 звезды4 звезды5 звезд (1 оценок, среднее: 5.00 из 5)