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

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

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

Я верстаю все сайты под пять наиболее известных из них, а именно: Firefox, Opera, Google Chrome, Safari и Internet Explorer. Последний представлен в нескольких версиях. Теституем во всех, начиная с IE8 включительно. Если сайт адаптивный, на 8-ку можно забить. Конечно, если в ТЗ не говорится об обратном.

Что такое кроссбраузерная проверка?

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

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

Тогда потенциальный клиент, зайдя на страничку через другой браузер, видит, что с сайтом что-то не так: верстка вся поехала, где что располагается, ему уже непонятно и он просто закрывает страницу. Этот вариант нас не устраивает! Поэтому запасаемся терпением и просматриваем каждую уникальную сверстанную страничку поочередно во всех браузерах.

Если возникли проблемы

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

Где найти панель вебмастера?

В разных браузерах она вызывается по-разному.

  • В IE и Google Chrome достаточно нажать F12.
  • В Сафари это называется Веб-инспектор и вызывается нажатием комбинации Ctrl+Alt+I.
  • В Опере достаточно щелкнуть правой кнопкой мыши в любом месте на сайте и выбрать из меню Проинспектировать элемент.
  • В Firefox всё немного сложнее — чтобы стала доступна панель веб-мастера, нужно зайти в меню в Инструменты — Дополнения, там выбрать расширения и найти Firebug. Поиск выдает довольно много вариантов, проще один раз показать.

Нам нужен такой (версия может отличаться, ведь плагины время от времени обновляются):firebugПосле чего его нужно установить и можем продолжить.

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

Понравилась статья? Расскажи о ней друзьям!

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

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