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

Проверка адаптивности сайта

Как это работает

Добавьте адрес сайта в поле ввода (например, https://site.com).
Нажмите кнопку «Проверить» или Enter на клавиатуре.
Смотрим на адаптивность сайта.

Особенности

https://localhost/ работает, поэтому отлично подходит для создания скриншотов страниц с локальными URL-адресами.
Отправьте кому-нибудь ссылку с уже встроенным сайтом, используя ?url=http://site.com — пример.
Переставляйте и меняйте порядок устройств, щелкнув и перетащив устройство.

Области просмотра

Рабочий стол 1600x992px — уменьшено до масштаба (0,3181).
Ноутбук 1280x802px — уменьшено до масштаба (0,277).
Планшет 768x1024px — уменьшено до масштаба (0,219).
Мобильный 320x480px — уменьшено до масштаба (0,219).

Заметки

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

Если же нужно тестировать адаптивность верстки сайта, используйте специальные сервисы: