Я думаю что не стоит вам напоминать про такое правило, как веб-сайты должны одинаково отображаться во всех браузерах. Для тех, кто не в курсе, это называется кроссбраузерность сайта. Об этом не стоит забывать и при вёрстке это обязательно стоит учитывать. Иногда получается так, что в хроме, например, всё отлично, а в огнелисе отдельные элементы «пляшут».
Или же при подключении нестандартных шрифтов с разными браузерами могут быть различные проблемы. На самом деле избежать этого совсем не сложно, если вовремя диагностировать данные заминки в вёрстке. Я, прежде чем сдать очередной проект, проверяю, адекватно ли он выглядит в internet explorer, chrome, opera, firefox, которые установленные на мой комп. Хоть я и пользуюсь для веб-серфинга исключительно хромом, остальные программы я поставил чисто для того, чтобы анализировать вёрстку сайта, и при необходимости вносить правки в шаблон или же какие-то отдельные элементы. Советую и вам установить полный набор из этого списка.
Не стоит забывать и про мобильные версии. Чем мне нравятся современные телефоны, смартфоны, так это прежде всего тем, что практически всегда не надо делать мобильную версию сайта. Телефоны её адекватно отображают.
Но хотелось бы сегодня поговорить о такой вещи — как проверить сайт на кроссбраузерность онлайн. Ведь не у всех есть под рукой телефон с интернетом. Я лично сам пользуюсь практически самой дешёвой звонилкой, где не просто интернета, там вообще ничего нет) Да и кроме того необходимо проверять как выглядит сайт на планшетах и «яблочных» устройствах. Для всего этого есть много интернет сервисов, но я выделю 2.
1. Первый, и как мне кажется, самый известный сервис по проверке сайта на кроссбраузерность это browsershots.
Интерфейс там достаточно простой. Отмечаем галочками браузеры, в которых хотим увидеть как отображается сайт, вводим url сайта и вуаля. Правда придётся подождать некоторое время, т.к. сервис очень популярный и сильно загружен. Это одна из причин почему я его не люблю. Вторая причина моей нелюбви к нему — это то, что в нём нельзя посмотреть как будет выглядеть сайт с мобильной версии.
2. Этот сервис будет в разы круче. Он называется screenfly. В нём уже имеется наличие проверки сайта на мобильные версии. Поддержка планшетов, устройств на андроиде, яблоке, винде. Поддержка разного количества разрешений экрана. И причём результат получаете на в виде скрина, а как бы в виде окошка браузера, что очень удобно. Можно таким образом побродить по «подопытному сайту», посмотреть все страницы, покликать ссылки. И самое главное — не надо ждать время. Ввел урл сайта и смотри. всё просто. Также на этом сервисе порадовала функция поворота экрана на смартфонах и планшетах. Это очень удобно.
Но если честно, то в 95% случаев для проверки сайта на кроссбарузерность мне хватает моего ноутбука, со всеми установленными в нём интернет бродилками.
А вы пользуетесь подобными онлайн сервисами или же как я предпочитаете смотреть на своей рабочей машинке?
С уважением, фрилансер-вебмастер Александр Шульгинов