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

Привет, Дорогие читатели! Пришло время поговорить о созданном вами сайте с точки зрения дизайна (внешнего вида). Тут ни я, никто другой вам не советчик, так как блог является проявлением индивидуальности не только с точки зрения темы, которую вы освещаете в нём, формы изложения материала, но и выбора дизайна для своего онлайн дневника.

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

Однако блог, прекрасно смотрящийся в браузере вашего компьютера (что несомненно греет душу) совсем необязательно может выглядеть столь же прекрасно у некоторых, а может и у многих его читателей, соответственно в их браузерах. Что я имею ввиду ? Понятие о котором я хочу рассказать в этой публикации называется Кроссбраузерность.

Кроссбраузерность – это отображение  ресурса (сайта, блога, форума, интернет-магазина и т.д.) в разных браузерах. Думаю ни для кого не секрет, что существует достаточно много браузеров, как минимум многие из Вас слышали о самых распространённых – Internet Explorer (IE), Mozilla FireFox, Opera, Google Chrome или Safari. C 99% уверенностью могу сказать, что сейчас строки данной публикации Вы читаете, открыв блог в одном из них.

Доля Internet Explorer на российском рынке браузеров составляет порядка 50-60%, к счастью год от года она становится всё меньше. Это — самый популярный браузер. Почему ? Он самый удобный? Большинство тех, кто когда-либо использовал другие браузеры, считают совсем наоборот. Он самый безопасный? Информационные IT-агентства просто кишат сообщениями об «очередной дыре в IE». Это факт, с которым согласится даже самый упорный. Он функциональный? По функциональности переплюнуть Opera сможет только Firefox с плагинами.

Тогда почему? Он самый быстрый? Лично я быстрее Google Chrome ничего не встречал и думаю многие кто его использовал со мной согласятся. Да все потому же  — IE просто по умолчанию включён в ОС Windows и подогреваемый на остальных дровишках Microsoft занимает лидирующее положение на рынке. Большинство пользователей просто не представляют или не знают альтернативы, Internet Explorer — это и есть интернет, другого просто не существует или не может быть. Ну да ладно, лирику в сторону —публикация не об этом.

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

Что-то меня опять повело в сторону от темы сегодняшней публикации. Всё-всё, теперь только по существу вопроса. И так, что такое кроссбраузерность мы уже выяснили чуть выше, теперь нам нужно знать, как  наш сайт отображается во всех наиболее популярных браузерах. Существует два способа или варианта это выяснить, точнее даже три. Давайте по порядку:

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

1. Вручную. Я думаю вы уже сами догадались, что я имею ввиду. Конечно-же, это просто установить все самые популярные браузеры (IE, FireFox, Opera, Chrome, Safari)  на своём компьютере и по очереди посмотреть, как выглядит ваш блог в каждом из них. По правде говоря по началу я и сам использовал этот метод. Но очень быстро пришёл к выводу: во-первых это не очень удобно, во-вторых показывается не совсем полная картина, так как у читателей Вашего блога могут стоять другие ОС на компьютере, мониторы другой диагонали и ещё множество разных нюансов.

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

www.browsershots.org

browsershots

Данный сервис делает скриншоты вашего блога практически во всех видах браузеров, а это не много, не мало 80 штук. Благодаря тонкой настройке можно выбрать как виды движков (WebKit или Gecko), так и виды операционных систем (Linux, Windows, Mac OS X или BSD). Так же в настройках есть выбор разрешения монитора, присутствие установленного javascript, flash, java и другие виды параметров. Ещё, считаю одно немаловажное положительное отличие этого сервиса от большинства остальных, он имеет русскоязычный интерфейс.

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

  • www. spoon.net
  • www.ipinfo.info
  • www.browsrcamp.com
  • www.browserlab.adobe.com
  • www.delorie.com
  • www.browsera.com
  • www.litmusapp.com

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

1. Lunascape 6 – полноценный браузер 4 в 1. Это браузер от японских разработчиков, который включает в себя движки от 4 самых распространённых на сегодня браузеров (IE, FireFox, Chrome, Safari), отсутствует только Opera. С помощью всего одного клика можно переключать просмотр блога, с одного движка на другой внутри самого Lunascape. Имеется русскоязычная версия.

lunascape

2. IE Tester – десктопная программа. Она предназначена для проверки кроссбраузерности Вашего ресурса во всех версиях Internet Explorer (от IE 5.5 до IE 9.0). Так же имеется русский язык и как видите на скриншоте, её интерфейс очень похож на продукты от Microsoft Office. Как я писал чуть ранее, браузер Internet Explorer является самым противным популярным на данный момент, так что IE Tester становится просто незаменимым помошником при проверке кроссбраузерности.

ietester

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

Проверяйте этот фактор каждый раз при внесении изменений в дизайн.

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

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