Онлайн инструмент для кросс-браузерного тестирования Browsershots.org. Как выглядит ваш сайт в 144 видах и разновидностях браузеров?

image

Здравствуйте уважаемые читатели, сегодня поговорим о кросс-браузерности или увидит как свой сайт выглядет в более чем 144 видах и разновидностях браузеров, корректно ли все отображается. Наверно, ни для кого не секрет, что один и тот же сайт в разных браузерах может выглядеть по-разному. Это связано, с тем, что каждый браузер по разному обрабатывает страницы и по разному интерпретируют обработку стилей CSS. Поэтому одной из важной частью разработки сайта, является проверка на кросс-браузерность. В данной статье, мы рассмотрим онлайн сервис Browsershots.org, на проверку кросс-браузерную совместимость сайта.

Что такое Кроссбраузерность и для чего она нужна

Обратимся к определению “Кроссбраузерность — это свойство сайта отображаться и работать во всех популярных браузерах идентично”, под идентичностью понимается отсутствие развалов верстки и способность отображать материал с одинаковой степенью читабельности. Понятие «кроссбраузерность» очень часто путают с попиксельным соответствием, что на самом деле является разными понятиями.

На то как будет отображаться Ваша веб-страница Joomla (Джумла), WordPress (ВордПресс) или другого движка, влияет очень много факторов. Если не учитывать прямые руки и мастерство веб-дизайнера, то это:

  • Браузер, как браузер интерпретирует CSS.
  • Расширение экрана монитора
  • Настройки операционной системы. Это размер шрифта, выбранная цветовая гамма и т.д.
  • и еще т.д.

Чтобы в любом браузере страница вашего сайта выглядела одинакова и нужна кроссбраузерная верстка сайта.

В разных версиях одного и того же браузера одна и та же страничка может выглядеть по-разному. Этим свойством больше всего выделился Легендарный Internet Exploerer, тем более версией 6, который вообще не соответствовал не каким правилам, при верстке под этот браузер делали отдельные картинки и правила.

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

 

BrowserShots – онлайн инструмент для проверки Кроссбраузерности вашего сайта.

В данной статье мы рассмотрим такой известный и старый онлайн сервис как BrowserShots. Иногда их называют сервисом для создания снимка экрана. Данный сервис поддерживает большое количество браузеров, более 144 комбинаций различных браузеров и операционных систем. Хотя скорее всего все вам не понадобятся, мало вероятно что найдется пользователь который работает в браузере Dillo или Kazehakase в операционной системе BSD, хотя все равно можете проверить.

 

Как работать в Browsershots.org

Заходите в браузере по адресу Browsershots.org

image

В этом окне необходимо ввести адрес своего сайта или отдельной его страницы. Пока кнопку “Submit”, т.е. отправить задачу на исполнение не нажимать. Надо настроить параметры работы.

image

Чуть ниже вы увидите название операционной системы (Linux, Windows, Mac, BSD) и под ними будут написаны браузеры и их версии. Отмечаете галочками, те которые вас интересуют. Можно отметить все, это повлияет только на скорость обработки, чем не жалуют сервис Browsershots.org.

Ниже перечня браузеров отображаются параметры. Сервис имеет выбор различных параметров: можно включить или отключить отключить Javascript, Java и Flash, указать верси.; изменить размер экрана.

image

Расширение экрана, по умолчанию стоит значение “don’t care ”, что в переводе означает не волнует, не интересует. В этом случае этот параметр будет выводиться как бог на душу положит.

image

Color Depth – глубина цвета

image

Версия Javascript

image

С Java или без.

image

Версия Flash.

image

После того как все настроено, смело жмите “Submit”

image

Вам выходит сообщение. Время работы не радует конечно, но таков сервис Browsershots. И вы можете ждать

image

 

и как сервис делает снимок экрана, то он вывод его на экран. Можете сохранить адрес вверху строки, в моем случае http://browsershots.org/http://www.Ageta.ru/ и спустя какое то время зайти еще раз и посмотреть.

image

Можете скачать все изображения и просмотреть каждое и изучить его.

Обращаю ваше внимание, что данный сервис накручивает вам просмотры, поэтому не удивляйтесь, что к вам на сайт заходят с Италии и Германии. Ну и отказов у вас увеличится, так как сделав снимок робот уходит с вашего сайта. Поэтому использовать этот инструмент для накрутки счетчика лучше не стоит.

Есть 1 комментарий
  1. cheltcom_ru:

    Хорошая программка, постоянно ей пользуюсь

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>