Быстро посмотреть макап на телефоне планшета и мониторе: эмуляция ширины и отдельные превью-инструменты

Разбор задачи

Для технического лида можно пользоваться браузерными режимами DevTools Responsive. Для клиента — сборка набора статичных скринов из конвейера дизайна либо просмотр на реальном устройстве через туннель ngrok/serveo для закрытых сборок.

Не забывайте про физические safe-area notch и dynamic viewport высоты: эмуляция не всегда совпадает с железом, поэтому финальную вёрстку проверьте хотя бы на одном смартфоне из целевой аудитории.

Ссылки и заметки

Если демонстрация включает личный кабинет, используйте тестового пользователя с ограниченными правами и отключённой почтовой отправкой.

Замечания перед выкладкой

Вносите правки только через среду с бэкапом и понятным diff. Если сниппет идёт в шаблон на Битрикс, проверьте конфликт с уже подключённым jQuery/UI и включите «отложенный» запуск там, где длинный главный файл может обрезать DOMContentLoaded.