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

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

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

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

Тренинг по вёрстке сайта на HTML5 и CSS3

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

Тут возникает момент, для некоторых (особенно для новичков) на первый взгляд не очевидный. И этот момент связан с тем, что в настоящее время существует приличное количество браузеров, которые используются людьми при просмотре вебстраниц, причем каждый из этих браузеров интерпретирует структуру html документов по-своему.

Что, естественно, сказывается на внешнем облике страниц.

И как следствие, ваш сайт может выглядеть по-разному, это будет зависеть от браузера, которым пользуется человек, посещающий ваш сайт. Например, в Mozilla Firefox все может выглядеть как надо, красиво и ровно, а если откроешь IE, то блоки сайта съезжают один на другой, а фоны вообще куда-то подевались... surprised

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

excaim Ни в коем случае не пренебрегайте этим этапом в создании сайта!

Эту проверку следует проводить ориентируясь, по крайней мере, на пятерку самых распространенных браузеров - это Mozilla Firefox, Safari, Internet Explorer, Opera и Google Chrome. Причем, каждый из этих браузеров имеет множество версий.

А версии Internet Explorer вообще настолько отличаются друг от друга, что интерпретируют html теги совершенно по-разному, поэтому для них нужно проводить отдельное тестирование. Для браузера Internet Explorer существует даже специальная программа IEtester, которую вы можете всегда бесплатно закачать с интернета. rock

На что нужно обращать внимание в процессе проверки своего сайта на кроссбраузерность?

Недостаточно просто просмотреть на сайт в разных браузерах.

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

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

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


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

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

Вебмастера, помните, что игнорирование этого этапа или некачественное тестирование вебстраниц на кроссбраузерность - это все равно, что вы отдаете заказчику недоделанный сайт.

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

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

А потому, делайте определенные выводы и если есть вопросы - задавайте их в комментариях.

Успехов вам, дорогие читатели!

Автор статьи: Елена Лощилова.

Комментариев: 4 RSS

Тренинг по вёрстке сайта на HTML5 и CSS3
Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

(обязательно)

Комментариев: 4
  •  Александр | 3 марта 2013 в 16:54:30

    А как исправлять ошибки для разных браузеров? Вот главный вопрос для всех начинающих.

    Ведь если исправлять ошибку для одного браузера, для другого браузера она будет явной.

  •  Елена | 4 марта 2013 в 12:02:22

    Привет, Александр!

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

    Ведь если исправлять ошибку для одного браузера, для другого браузера она будет явной.

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

    В двух словах, конечно, сложно объяснить. Еще раз повторяюсь, что на каждом конкретном примере будет по-разному.

  •  Александр | 10 марта 2013 в 15:54:38

    Я имел ввиду когда верстаешь шаблон и делаешь к примеру форму поиска. В одном браузере (Мозила) она встала в одном месте где тебе надо, а в другом (Хром) она стоит не там. Как исправлять эту ошибку?

  •  Елена | 11 марта 2013 в 04:01:31

    Александр,

    Тут опять же нужно смотреть на конкретный пример. Где именно "надо" и где "не там"? Если дадите ссылку, могу посмотреть. А так просто строить предположения и догадываться - непродуктивно будет. smile