Посмотрите сайт как с телефона онлайн
Введите адрес сайта и выберите телефон. Страница откроется в рамке телефона с реальным размером экрана и мобильной адресной строкой, поэтому адаптивная вёрстка переключается так же, как на самом телефоне.
Здесь появится ваш сайт
В расширении это работает намного лучше
Онлайн-инструмент нужен для быстрого взгляда. Расширение для Chrome делает то же самое прямо в вашем браузере и без ограничений рамки: открывается любой сайт, с настоящим мобильным user agent и параметрами экрана.
Онлайн-инструмент и расширение
Что меняется, когда тот же просмотр работает внутри вашего браузера.
| Онлайн-инструмент | Расширение | |
|---|---|---|
| Сайты, запрещающие встраивание | Не показываются, объясняем почему | Открываются как обычно |
| Мобильный user agent | От вашего десктопного браузера, меняется только ширина | Настоящий мобильный user agent |
| Плотность пикселей и касания | Только размер экрана | Эмулируются размер, плотность пикселей и точки касания |
| localhost и обычный http | Недоступны | Работают |
| Вход в аккаунт и cookie | Часто ограничены внутри рамки | Ведут себя как в обычной вкладке |
| Два устройства и скриншоты | Нет | Два устройства рядом, скриншот в один клик |
Почему сайт здесь может выглядеть иначе
- Рамка работает в вашем десктопном браузере. Вёрстка, которая подстраивается под ширину экрана, ведёт себя ровно как на устройстве, а сайты, которые выбирают мобильную версию на сервере, могут показать десктопную.
- Некоторые сайты запрещают встраивание. Мы определяем это и объясняем причину вместо пустой рамки.
- Вход в аккаунт, баннеры cookie и встроенные виджеты могут работать иначе: браузеры ограничивают cookie и хранилище внутри рамок.
- Здесь нет касаний и производительности настоящего телефона. Важные сценарии проверяйте на реальном устройстве.
- Для страниц на localhost, за входом или на обычном http нужно расширение Mobile View Extension.