3 июля 2026 г. (изменено: 3 июля 2026 г.)

Канал: @cherkashindev

274 3

Судя по прошлому посту, многие работают с мобильной версткой, поэтому вам должно пригодиться расширение Mobile View.

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

Понятно, что девтулзы частично решают проблему, но есть пара «но»:

  • они не дают посмотреть, как именно будет выглядеть сайт на телефоне с рамкой
  • вы можете одновременно видеть мобильную и десктопную версии сайта

Если вам интересно, как здесь используется Shadow DOM или как реализована запись экрана, то обязательно почитайте статью на Хабре.

9 👍 3