Просмотр сайтов в различных разрешениях и браузерах

Сайты 28.10.2012

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

Первым из них хочу представить многофункциональный сервис Browsershots.

С его помощью можно получить скриншоты из большинства современных браузеров в необходимых разрешениях экрана. Сервис позволяет посмотреть, как будет выглядеть сайт в браузерах из под различных операционных систем: Linux, Windows, MacOS, BSD. Также есть возможность выбрать, должны ли быть включены или выключены Java и Flash.

Все действия совершаются на главной странице:

1. Введите URL сайта.

2. Выберите из списка необходимые для проверки версии браузеров под нужные  операционные системы.

3. По желанию, можно указать дополнительные атрибуты: размер экрана, глубина цвета, будет ли использоваться на предполагаемом компьютере пользователя Java скрипты и Flash.

4. Нажмите кнопку «Отправить».

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

Следующий сервис создан исключительно для тестирования сайтов в различных версиях Internet Explorer — NetRenderer.

Выбираете из выпадающего списка необходимую версию Internet Explorer, вводите URL проверяемого сайта, по желанию указываете необходимое вертикальное смещение (в пикселях), жмёте «Render» и через несколько секунд получаете скриншот.

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

Один из них http://viewlike.us/

Просто введите адрес нужного сайта и нажмите кнопку «Check Up!».

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

И последний сервис ScreenFly от QuirkTools.

Также по задаче сходный с предыдущим. Укажите путь к сайту и нажмите кнопку «Go».