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

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

Почему стоит проводить тестирование кроссбраузерности?

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

Где проверить кроссбраузерность в режиме онлайн

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

Совет: не ставьте галочки везде, а только те, которые вам действительно нужны, а то проверка займет много времени.

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

Доскональная проверка

Допустим, вам нужно больше возможностей для проверки. Это может пригодиться профессиональным веб-разработчикам или просто веб-мастерам перфекционистам. Что ж, такие сервисы есть, но сразу предупреждаю, они платные. Хотя попробовать можно бесплатно.
crossbrowsertesting.com/
browserstack.com/

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

Плюсы платных сервисов очевидны – вы получите проверку кроссбраузерности онлайн максимального качества. Сколько это стоит? Примерно от 10 долларов. Впрочем, если вы веб-разработчик или веб-аналитик, то вам не жалко будет отдать деньги за профессиональную проверку. Например, в crossbrowsertesting можно протестировать свой сайт более чем в 900 браузерах. Причем это реальное тестирование с возможностью покликать, а не просто увидеть скриншот.

Тестирование в IE

IE Tester — это программа, выпущенная специально для просмотра сайта в версиях Internet Explorer от 6 до 9. Хотя программа во многом недоработана, она все же позволяет посмотреть на свой проект в этих браузерах и сделать соответствующие выводы. Так что если вы адаптируете проект под IE, то иметь такой инструмент вам может быть полезно.

Да, это реклама, но надеюсь, она будет полезна вам. GetUniq это сервис для вебмастеров и всех работающих с трафиком людей, с помощью которого можно выгоднее пополнять счета в кабинетах рекламных сетей, таких как Яндекс.Директ, MyTarget, ВК Таргет и другие. Без использования сервиса вам придется заплатить 1180 рублей за пополнение счета в Директе на 1000, а используя возможности Getuniq за эти же 1180 на ваш счет поступит 1100-1200 рублей! То же самое для всех других сетей. Я сам уже начал использовать и порекомендовал всем знакомым вебмастерам, рекомендую и вам. При желании, по этой ссылке вы можете почитать мой обзор сервиса.

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

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

Также хочу вам посоветовать использовать супер полезный англоязычный сервис caniuse. В нем вы можете узнать, какие свойства из новых технологий поддерживаются в тех или иных браузерах. Например, жмем на псевдокласс :selection и видим, что IE8 его не поддерживает, Mozilla поддерживает с префиксом и т.д. поддержкаЭто очень полезные знания, потому что они помогают вам понять, как действовать дальше.

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

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