Владельцы сайтов должны задумываться над тем, что посетители их сайтов могут использовать различные устройства, операционные системы и браузерные платформы. К сожалению, множество сайтов, не проходят проверку на кроссбраузерность и при открытии, к примеру, в Opera или Mozilla, сайт может отображаться не правильно.
Как проверить кроссбраузерность сайта? Для этого есть специальные сервисы, в которых требуется указать адрес сайта и после этого можно получить скриншоты из различных браузеров. В данной статье мы рассмотрим пару таких сервисов, сразу хотелось бы сказать, что они бесплатные.
Сервисы для проверки сайта в разных браузерах
1. Browsershots org
Это самый удобный сервис для массовой проверки отображения сайта в браузерах. Чтобы воспользоваться им, выбираете несколько видов браузеров, и приступаете к проверке:
Мы проверили наш блог по нескольким платформам и никаких проблем выявлено не было.
Вот так выглядит результат работы:
Помимо этого, в боковой части отображаются дополнительные параметры созданного скриншота, например, расширение экрана. Через этот сервис очень удобно проводить проверку, но в нем нет Internet Explorer.
2. Netrenderer.com
Данный сервис как раз предназначен для проверки кроссбраузерности в Internet Explorer. Если в статистике вашего сайта вы заметили, что количество отказов посетителей одного из браузеров почти 100%, то в первую очередь нужно проверять кроссбраузерность.
Указываете, в какой версии браузера вы хотите выполнить проверку, а также адрес сайта, нажимаете «Render» и через пару секунд получаете скриншот. Как видите, в данном случае наш блог тоже корректно отображается.
Почему сайт по-разному отображаются в браузерах?
Дело в том, что при разработке шаблона сайта, необходимо указывать не пиксели, а проценты, в противном случае это может стать основной проблемой кроссбраузерности. Если вы покупаете шаблон для своего сайта или заказываете разработку, обязательно проверяйте, корректно ли отображается площадка в разных платформах.