140 · Дизайн и Интернет

Адаптивный тестер размера экрана

Введите адрес страницы и выберите размер устройства, чтобы увидеть, как отреагирует макет.

Ваши данные: Предварительный просмотр подключается к адресу, который вы загружаете. Этот веб-сайт посещается и обрабатывает данные в соответствии со своей собственной политикой конфиденциальности. Подробности конфиденциальности

Адаптивный тестер размера экрана

Многие сайты отказываются показываться внутри других страниц. Лучше всего он работает с вашим собственным сайтом или локальным сервером разработки.

Как использовать тестер размера адаптивного экрана

  1. Введите адрес страницы для тестирования.
  2. Выберите устройство или введите нестандартный размер.
  3. Загрузите страницу и поверните ее, чтобы проверить альбомную ориентацию.

Ограничения

Страница загружается в фрейме той ширины, которую вы выберете, поэтому ее медиа-запросы CSS ведут себя так же, как на этом экране. Многие сайты, в том числе крупные платформы, отказываются отображаться внутри фреймов, и вы увидите пустую страницу или страницу с ошибкой. Лучше всего он работает с вашим собственным сайтом или локальным сервером разработки. Он не имитирует сенсорное управление, пользовательский агент телефона или соотношение пикселей устройства; для этого используйте инструменты разработчика вашего браузера.

Примеры

390 × 844

Типичный современный телефон

1024 × 768

Планшет в альбомной ориентации

Вопросы

Почему страница пустая?

Вероятно, сайт блокирует отображение внутри других страниц (параметры X-Frame или предки фреймов). Это настройка безопасности на этом сайте.

Автоматический перевод. Обзор важных результатов.