Тестируем адаптивный дизайн

[Попай]

Screenfly - самый функциональный сервис по просмотру адаптивной верстке из всех, что я встречал. Доступно 9 больше чем планшет устройств — от 10" ноутбуков, до 24" мониторов, 5 планшетов, 9 телефонов, 3 телевизионных разрешения, а также произвольное разрешение. Переключение в портретный и альбомный режим, а также опцию показа прокрутки. Также можно поделится ссылкой на тест с помощью одной кнопки.

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

Ссылка: http://quirktools.com/screenfly/

 

[SvetSonnik]

Понравился сервис без заморочек.
Ставишь галочку на iPhone, вводишь адрес своего сайта в окошке телефона - получаешь онлайн вид своего сайта.
Так проверяла адаптивный шаблон своего сайта на WP.
http://iphone4simulator.com/

 

[Gromova]

Ну.. для полноценного тестирования этот сервис не подойдет. Нельзя проверить функционал. Тем более если верстка сложная и многокомпонентная. А если вообще параллакс? 🙁

 

[Celana]

А ведь удобная вещь. Можно сразу увидеть, как будет выглядеть сайт на разных устройствах. Жалко только, что нельзя так протестировать то, что ещё не загружено на сервер. (То есть работать без сети)

 

[southl]

Да, действительно удобно. Спасибо за ссылку. Возьму на вооружение этот сервис. До этого пользовался вот таким http://mattkersley.com/responsive/. Там тоже можно увидеть как выглядит сайт на разных экранах.

 

[KornienkoVlad]

Не знал, что такое вообще существует.
Частенько верстаю свои шаблоны на локальном сервере, и пользовался плагином для хрома Resize Window.
Жаль что с локального сервера нельзя проверить, но добавлю себе в закладки.

 

[Skaska]

Да, порой приходится много доделывать. Если в исходном варианте шаблона для вордпресс не устраивает оформление.