Кроссбраузерность – это одинаковое отображение содержимого сайта в разных браузерах. И сегодня мы поговорим о том, как и где выполняется проверка кроссбраузерности сайта.
Почему стоит проводить тестирование кроссбраузерности?
Все очень просто – чем лучше ваш сайт смотрится в разных браузерах, тем больше посетителей вам гарантировано. Это очень важный параметр. Обычно за него отвечают верстальщики, которые занимаются версткой шаблона сайта. Поскольку люди используют разные веб-обозреватели, то для максимального охвата аудитории вам придется делать сайт приятным для использования всем. Как это делать, об этом в другой раз, а сегодня я предлагаю несколько сервисов для проверки сайта на этот параметр.
Где проверить кроссбраузерность в режиме онлайн
Самый популярный бесплатный сервис для этого — browsershots.org/. Вы можете перейти по ссылке или проверить свой сайт прямо тут. Просто впишите ссылку на ваш сайт и поставьте галочки на те браузеры, в которых нужно выполнить тест.
Совет: не ставьте галочки везде, а только те, которые вам действительно нужны, а то проверка займет много времени.
Единственный минус сервиса – он проверяет долго и почти всегда загружен. Но если вы готовы подождать, то пользуйтесь. Сервис дает вам доступ к скриншотам вашего проекта в разных веб-обозревателях.
Доскональная проверка
Допустим, вам нужно больше возможностей для проверки. Это может пригодиться профессиональным веб-разработчикам или просто веб-мастерам перфекционистам. Что ж, такие сервисы есть, но сразу предупреждаю, они платные. Хотя попробовать можно бесплатно.
crossbrowsertesting.com/
browserstack.com/
Оба сервиса на английском, так как зарубежные сервисы намного лучше преуспели в плане веб-технологий, чем наши. В принципе, даже без особых знаний английского там можно зарегистрироваться и попробовать. Там же можно проверять и адаптивность, если надо. Пользоваться можно начать сразу после регистрации, но без платных возможностей вам будут доступны лишь некоторые инструменты.
Плюсы платных сервисов очевидны – вы получите проверку кроссбраузерности онлайн максимального качества. Сколько это стоит? Примерно от 10 долларов. Впрочем, если вы веб-разработчик или веб-аналитик, то вам не жалко будет отдать деньги за профессиональную проверку. Например, в crossbrowsertesting можно протестировать свой сайт более чем в 900 браузерах. Причем это реальное тестирование с возможностью покликать, а не просто увидеть скриншот.
Тестирование в IE
IE Tester — это программа, выпущенная специально для просмотра сайта в версиях Internet Explorer от 6 до 9. Хотя программа во многом недоработана, она все же позволяет посмотреть на свой проект в этих браузерах и сделать соответствующие выводы. Так что если вы адаптируете проект под IE, то иметь такой инструмент вам может быть полезно.
Как проверить кроссбраузерность самому?
Проверить можно и самому. Это самый простой вариант. Просто откройте ваш сайт во всех браузерах, которые у вас установлены. Сходите к друзьям, у которых есть другие версии браузеров. Попросите знакомых зайти на ваш сайт с их браузеров и выслать вам скриншот. Заодно наладите деловые контакты
Также хочу вам посоветовать использовать супер полезный англоязычный сервис caniuse. В нем вы можете узнать, какие свойства из новых технологий поддерживаются в тех или иных браузерах. Например, жмем на псевдокласс :selection и видим, что IE8 его не поддерживает, Mozilla поддерживает с префиксом и т.д. Это очень полезные знания, потому что они помогают вам понять, как действовать дальше.
На этом все методы проверки можно считать рассмотренными. Какой из них выбирать и выбирать ли вообще — дело исключительно ваше. Если вам была интересна статья, то подписывайтесь на этот блог, чтобы узнавать больше о веб-разработке.