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

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


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

Сервисы для проверки сайта в разных браузерах

1. Browsershots.org
Это самый удобный сервис для массовой проверки отображения сайта в браузерах. Чтобы воспользоваться им, выбираете несколько видов браузеров, и приступаете к проверке:

Мы проверили наш блог по нескольким платформам и никаких проблем выявлено не было.

Вот так выглядит результат работы:

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

2. Netrenderer.com
Данный сервис как раз предназначен для проверки кроссбраузерности в Internet Explorer. Если в статистике вашего сайта вы заметили, что количество отказов посетителей одного из браузеров почти 100%, то в первую очередь нужно проверять кроссбраузерность.

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

Почему сайт по-разному отображаются в браузерах?

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