Симулятор разрешения экрана

Об этом инструменте

Итак, я создал этот инструмент, потому что устал угадывать, как будут выглядеть мои дизайны на разных экранах. Вы понимаете, о чём речь — вы что-то создаёте на мониторе с разрешением 4K, а потом открываете на телефоне, и там: «Что это вообще такое?» Именно здесь на помощь приходит Симулятор разрешений экрана. Он не изящен. Нет магии искусственного интеллекта, подписок или «революционных прорывов». Это просто простой инструмент, который позволяет увидеть, как выглядит ваш сайт или приложение при разных разрешениях экрана. Думайте о нём как о быстром проверке реальности перед тем, как вы что-то запустите в продакшен.

Ключевые возможности

• Мгновенный предпросмотр при стандартных разрешениях — десктоп, планшет, мобильное устройство, что угодно.
• Ввод URL перетаскиванием. Просто вставьте ссылку и начните.
• Режим сравнения рядом. Смотрите два разрешения одновременно, не переключаясь между вкладками.
• Ввод пользовательского разрешения. Есть необычный киоск с разрешением 1366x768? Введите его.
• Без отслеживания, без куки, без ерунды. Ваш сайт остаётся вашим.
• Работает оффлайн после первой загрузки. Отлично подходит для тестирования в дороге.

Часто задаваемые вопросы

Работает ли это с локальными серверами разработки?
Да, если ваш локальный сервер запущен и доступен. Просто убедитесь, что вы находитесь в одной сети, если тестируете с другого устройства. Я использовал его с localhost:3000, localhost:8080 и всем таким. Никакой дополнительной настройки не требуется.

Почему бы просто не использовать инструменты разработчика в браузере?
Слушайте, инструменты разработчика отличные. Но иногда вы хотите увидеть всю страницу, а не просто обрезанное окно просмотра. Кроме того, этот инструмент запоминает ваши последние тесты и позволяет визуально их сравнивать. Он не лучше — он просто другой. Используйте то, что экономит ваше время.