Тестируйте любые сайты на 96 экранах смартфонов, планшетов и ПК
Превратите любую вкладку Chrome в полноценный стенд для тестирования мобильной верстки. Оценивайте сайты в реалистичных корпусах популярных устройств, проверяйте реакцию на экранную клавиатуру, синхронизируйте несколько брейкпоинтов и проводите экспресс-аудит доступности.
Скоро в Chrome Web Store — Производственный релиз готов
- 96 профилей реальных устройств
- Скриншоты, видеозапись и пакетный захват
- Работает локально в браузере, без аккаунтов
96 ready-made device profiles
От миниатюрных умных часов до ультрасовременных складных телефонов, планшетов и широкоформатных мониторов 4K. Каждый профиль настроен с точным разрешением вьюпорта и плотностью пикселей (DPR).
31
Линейка iPhone
От iPhone 5 до iPhone 17 Pro Max, включая серии iPhone SE, X, XR и iPhone Air.
32
Смартфоны Android
Galaxy S10–S26 Ultra, Pixel 5–10 Pro, модели Xiaomi, OPPO, OnePlus, Huawei, Infinix и терминалы Zebra.
7
Складные устройства (Foldables)
Galaxy Z Fold 2, Z Fold6, Z Flip3, Z Flip6, Pixel 9 Pro Fold, Pixel 10 Fold и Motorola Razr 70 Ultra.
11
Планшеты (Tablets)
iPad, iPad mini, iPad Air, iPad Pro 11" и 13" M4, Galaxy Tab S7 и S9 Ultra, Surface Pro 11 и Surface Duo.
11
Ноутбуки и десктопы
MacBook Air, MacBook Pro 14" и 16", iMac 24", Dell Latitude, а также разрешения 1080p, 2K QHD и 4K UHD.
3
Специальные экраны
Smart TV Samsung, платежный терминал самообслуживания и настенная панель Sonoff NSPanel Pro.
1
Умные часы (Smartwatch)
Apple Watch Series 6 (40 мм) — для проверки минимально возможного компактного вьюпорта.
Каждый профиль устройства включает в себя:
- Разрешение вьюпорта (CSS-пиксели)
- Плотность пикселей (Device Pixel Ratio / DPR)
- Корректную строку User-Agent
- Название и версию операционной системы
- Геометрию выреза Notch и Dynamic Island
- Безопасные отступы (Safe-area insets)
- Тип эмулируемой сети
- Высокодетализированный корпус устройства
Custom Device Viewports
Add a custom device with its own name, viewport, pixel ratio, OS, network type and user-agent string. Star favorite devices to access them immediately.
Поведение настоящего мобильного устройства, а не просто сжатое окно
Тестирование мобильной версии требует гораздо большего, чем изменение ширины экрана. Симулятор воспроизводит специфику физики касаний, мобильных CSS-единиц и поведения клавиатуры.
Сайт считает, что открыт на смартфоне
User-Agent и Client Hints подменяются для основной страницы и всех вложенных фреймов, поэтому клиентские скрипты ведут себя точно так же, как на реальном телефоне.
Сенсорный ввод с естественной физикой
Генерируются события touch, работает прокрутка с инерцией, а курсор превращается в круглую точку касания пальцем — сразу выявляя кнопки, завязанные исключительно на hover.
Экранная клавиатура сдвигает контент
Фокус на поле ввода поднимает клавиатуру, вызывая перестроение интерфейса и выявляя перекрытые фиксированные кнопки и формы.
Корректный расчет динамических единиц вьюпорта
Единицы vh, svh, dvh и lvh рассчитываются относительно видимого окна, а функция env(safe-area-inset-*) возвращает реальные отступы под «челку» и полосу Home.
Реалистичные рамки с панелью состояния
Корпус включает строку состояния ОС с часами и уровнем заряда, позволяя оценить фактическое полезное пространство первого экрана.
Фиксация времени и батареи для красивых скриншотов
Зафиксируйте часы на 9:41 и заряд на 100%, чтобы серия маркетинговых скриншотов и иллюстраций для документации выглядела опрятно и монолитно.
Поворот экрана и масштабирование без перезагрузки
Переключайтесь между портретной и альбомной ориентацией в один клик без потери введенных данных и сброса состояния веб-приложения.
Автоматическое распознавание PWA
Сайты с файлом Web App Manifest помечаются как устанавливаемые, позволяя оценить внешний вид приложения в автономном оконном режиме.
Одновременный просмотр с полной синхронизацией Сопоставляйте верстку на смартфонах, планшетах и мониторах одновременно на одном дисплее. Любое действие в одном окне зеркально дублируется на остальных.
4 режима создания снимков для портфолио, баг-репортов и документации
Делайте снимки прямо из окна симулятора с выбором обрамления, редактором пометок и удобным экспортом.
Снимок в корпусе устройства
Страница внутри красивой рамки смартфона с панелью состояния — идеально для демонстрации клиентам, кейсов в портфолио и презентаций.
Только содержимое сайта
Чистый вьюпорт без внешнего корпуса устройства — компактный и сфокусированный снимок специально для задач в таск-трекере.
Вся страница целиком (Full Page)
Автоматическая прокрутка и склейка страницы на всю длину при выбранной ширине экрана в единое качественное изображение.
Вся вкладка браузера целиком
Снимок рабочего окна браузера вместе с боковой панелью симулятора и параметрами устройства для обучающих инструкций.
Annotation tools in the editor
Mark up responsive issues right where they are captured before copying or saving.
- Pen
- Arrow
- Line
- Rectangle
- Ellipse
- Stroke colour
- Stroke width
- Undo
Export and handoff
Save as PNG or WebP, copy to clipboard, or upload to generate a quick shareable preview link.
Запись видеороликов с микрофоном и веб-камерой
Создавайте наглядные видеодемонстрации багов, видеоинструкции для клиентов или промо-ролики интерфейса без сторонних программ захвата.
Запись экрана устройства или всей вкладки
Выбирайте, что записывать: изолированный экран мобильного симулятора или все окно вкладки целиком.
Озвучка через микрофон и круглая веб-камера
Добавляйте голосовые комментарии во время тестирования и выводите изображение со своей веб-камеры в углу видео.
Экспорт в легкий формат WebM
Плавные видеоролики высокой четкости сохраняются прямо на компьютер и готовы для отправки в Jira, Telegram или корпоративный Slack.
Полная локальная приватность
Кодирование видео происходит внутри браузера через MediaRecorder API — ни единого байта медиапотока не отправляется на сторонние серверы.
Автоматический скриншот одной страницы на десятках экранов
Получайте полную визуальную отчетность адаптивности в один клик. Идеально для приемочного тестирования и подготовки скриншотов для каталогов.
Готовые пресеты наборов устройств
Запускайте захват по готовым подборкам: флагманы iPhone, матрица популярных телефонов Android, планшеты или сетка брейкпоинтов.
Индикатор прогресса и повтор для сбоев
Следите за съемкой каждого устройства в реальном времени и перезапускайте только те вьюпорты, которые не успели загрузиться из-за сети.
Выгрузка в ZIP или единый лист (Contact Sheet)
Скачивайте архив со всеми файлами или получайте одно широкое составное изображение со всеми экранами для быстрой ревизии.
Выбор любого списка экранов
Отмечайте галочками только те модели из каталога, которые соответствуют статистике посещаемости вашего конкретного проекта.
Presets for batch testing
- Common Phones
- iPhone Matrix
- Android Matrix
- Responsive QA
- App Store sizes
- Play Store sizes
Экспресс-аудит доступности и эргономики по WCAG
Находите проблемы с читаемостью и неудобные для пальца зоны прямо в мобильном окне до релиза в продакшн.
Анализ контрастности текста
Сопоставляет контраст цветов текста и фона по стандартам WCAG AA и AAA, подсвечивая нечитаемые надписи на ярком солнце.
Размеры областей нажатия (Tap Targets)
Проверяет, соответствуют ли кликабельные кнопки и ссылки минимальному размеру 48x48px (или 44x44px), предотвращая случайные промахи.
Иерархия заголовков (H1–H6)
Сканирует правильность структуры заголовков на странице, находя пропущенные уровни, сбивающие программы чтения с экрана.
Изображения без alt-текста
Находит графические элементы без понятного текстового описания, помогая людям с нарушениями зрения и улучшая SEO.
Порядок фокуса клавиатуры
Отображает логическую цепочку перемещения клавишей Tab для пользователей, управляющих интерфейсом с внешней клавиатуры.
Зоны досягаемости большого пальца
Накладывает наглядную тепловую карту комфорта управления одной рукой: зона легкого касания, натяжения и труднодоступная область.
Actionable inspection. Clicking a finding highlights the element without changing the page state.
Полная адаптация под ваш рабочий процесс
Широкие возможности конфигурации параметров экрана, темного оформления и горячих клавиш.
Добавление своих устройств
Создавайте профили с нестандартной шириной, высотой, DPR, названием платформы и собственным значением User-Agent.
Удобные горячие клавиши
Настройте шорткаты в Chrome для быстрого вызова симулятора, поворота экрана и создания скриншотов за доли секунды.
Тонкая настройка статус-бара
Управляйте отображением строки состояния, скрывайте иконки сети или фиксируйте модельное время для идеальных снимков.
Встроенная темная тема
Комфортный темный интерфейс, органично дополняющий панель разработчика и снижающий нагрузку на глаза при долгой работе.
4 шага к безупречной мобильной адаптивности
Простой и логичный цикл для фронтендеров, тестировщиков и дизайнеров.
- 1
Откройте тестируемый сайт в Chrome
Перейдите по любому URL-адресу (поддерживаются localhost dev-серверы, внутренние тестовые стенды и файлы file://).
- 2
Включите симулятор и выберите устройство
Кликните по иконке AppKiro, и страница откроется в корпусе выбранного гаджета с соответствующей геометрией экрана.
- 3
Проверьте жесты, ввод и поведение клавиатуры
Прокрутите контент пальцем, откройте модальные окна, вызовите виртуальную клавиатуру или включите синхронное сравнение нескольких экранов.
- 4
Сохраните снимок, запишите видео или проверьте доступность
Экспортируйте скриншот в рамке, запишите скринкаст взаимодействия, запустите аудит контрастности или сделайте пакетный снимок для отчета.
Почему расширение удобнее Device Mode в инструментах Chrome Штатный Device Mode хорош для быстрой отладки, но AppKiro Mobile Simulator дает реализм, презентабельность и инструменты аудита, необходимые для сдачи проектов.
Для кого создан мобильный симулятор
Создан для специалистов, отвечающих за качество мобильного веб-опыта.
Фронтенд-разработчики
Отладка медиавыражений, проверка работы вырезов под камеру, тестирование сенсорных меню и контроль единиц svh/dvh на локальном сервере.
Инженеры по тестированию (QA)
Ускорение кросс-платформенного регрессионного тестирования, проверка контрастности и оформление наглядных баг-репортов со снимками в корпусах устройств.
UI/UX дизайнеры
Сверка верстки с макетами, контроль зоны комфортного охвата большим пальцем и экспорт аккуратных мокапов для презентаций заказчикам.
Маркетологи и контент-менеджеры
Создание привлекательных снимков посадочных страниц на современных смартфонах и запись коротких демонстрационных видео для соцсетей.
Менеджеры продуктов
Быстрая приемка мобильной версии на демонстрациях спринтов без необходимости собирать зоопарк физических телефонов у коллег.
Почему расширение удобнее Device Mode в инструментах Chrome
Штатный Device Mode хорош для быстрой отладки, но AppKiro Mobile Simulator дает реализм, презентабельность и инструменты аудита, необходимые для сдачи проектов.
Настоящие рамки вместо серого пустого поля
DevTools показывает страницу в безликом прямоугольнике. AppKiro отображает живой сайт внутри фотореалистичного смартфона со строкой состояния ОС.
Эмуляция сдвига верстки при открытии клавиатуры
На реальном телефоне клавиатура сжимает доступную высоту экрана. DevTools этого не делает; AppKiro сдвигает интерфейс точно так же, как настоящая ОС.
Синхронный мультиэкранный просмотр
В DevTools приходится вручную менять размеры по очереди. AppKiro позволяет разместить рядом смартфон, планшет и ноутбук и прокручивать их одновременно.
Без подписок на облачные фермы и 100% офлайн
Никаких задержек удаленного стриминга реальных устройств и полная безопасность: тестирование закрытых локальных серверов без проброса портов в интернет.
Чем это расширение не является
Полезно знать до установки: объективные границы симулятора вьюпорта в браузере.
Симулятор вьюпорта, а не облачная лаборатория устройств
Страницы рендерятся движком вашего Chrome. Специфические баги Safari или WebKit здесь не воспроизведутся, как и поведение аппаратных датчиков или мобильного GPU.
Не эмулятор нативных приложений
Расширение воссоздает окружение мобильного браузера. Оно не запускает сборки iOS или Android и не заменяет эмуляторы из Xcode или Android Studio.
Некоторые страницы нельзя симулировать
Сайты, запрещающие встраивание во фреймы (X-Frame-Options), а также системные страницы Chrome (chrome://) и интернет-магазин Chrome недоступны для симуляции из соображений безопасности.
Часто задаваемые вопросы о симуляторе
Понятные ответы о профилях устройств, точности эмуляции и практической работе с инструментом.
Что представляет собой AppKiro Mobile Simulator?
Это расширение Chrome, превращающее вкладку в интерактивный симулятор смартфонов, планшетов, складных экранов и компьютеров. Оно отображает сайт с точными размерами вьюпорта, DPR, User-Agent и безопасными отступами, позволяя делать скриншоты в рамках, записывать видео, снимать страницу пакетно и проверять доступность.
Как протестировать веб-сайт на разных экранах?
Откройте страницу, включите симулятор и выберите любой из 96 доступных профилей. Вы также можете открыть несколько устройств рядом в одной вкладке и включить синхронизацию — прокрутка, клики и ввод на одном экране автоматически повторятся на остальных.
Чем симулятор отличается от режима устройства в Chrome DevTools?
DevTools лишь меняет ширину окна и строку агента. AppKiro добавляет фотореалистичные рамки со строкой состояния, эмуляцию экранной клавиатуры со сдвигом верстки, точный расчет единиц svh/dvh/lvh, одновременный просмотр нескольких синхронизированных экранов, скринкасты, пакетный захват и панель аудита доступности.
Нужны ли мне физические телефоны или облачные фермы устройств?
Нет. Все вычисления и отображение происходят прямо в вашем Chrome на текущем компьютере. Это качественная программная эмуляция среды веб-серфинга, закрывающая подавляющее большинство задач верстки, адаптивности и UX без затрат на аренду парка гаджетов.
Какие устройства входят в каталог симулятора?
Включено 96 профилей: 31 модель iPhone, 32 смартфона Android, 7 складных аппаратов, 11 планшетов, 11 ноутбуков и настольных экранов, 3 специализированных дисплея (Smart TV, киоск, настенная панель Sonoff) и смарт-часы Apple Watch. Также можно создавать собственные профили.
Можно ли делать скриншоты симулируемого устройства?
Да, доступно 4 режима: снимок в рамке устройства, только веб-страница без корпуса, вся длина страницы с автопрокруткой или вся вкладка Chrome. Снимок открывается во встроенном редакторе пометок, экспортируется в PNG/WebP, копируется в буфер или превращается в веб-ссылку.
Можно ли за один раз сфотографировать сайт на множестве экранов?
Да, инструмент пакетного захвата (Batch Capture) берет выбранный список профилей и последовательно фотографирует страницу на каждом из них, показывая статус, позволяя перезапустить сбойные экраны и выгрузить архив ZIP или единый общий лист со всеми размерами.
Собирает ли симулятор мои данные или историю посещений?
Нет. Расширение работает без регистрации аккаунтов, не содержит телеметрии и не передает данные аналитическим сервисам. Вся работа происходит локально в браузере. Данные покидают компьютер только в виде одного снимка, если вы сами нажали «Поделиться ссылкой».
Можно ли тестировать страницы на localhost или локальные файлы?
Локальные серверы разработки (localhost и локальные IP-адреса) открываются точно так же, как обычные веб-сайты. Для локальных страниц file:// достаточно включить переключатель «Разрешить открывать файлы по ссылкам» в свойствах расширения на странице chrome://extensions.
Сколько стоит расширение и какие системные требования?
Расширение полностью бесплатно, не содержит платных подписок и предоставляет весь функционал сразу. Требуется Google Chrome версии 116 или новее с поддержкой Manifest V3. Интерфейс переведен на 52 языков.
Полезные инструменты для веб-мастеров
Бесплатные онлайн-утилиты в браузере для мобильной графики, иконок и цветов.
- Генератор иконок приложенийСгенерируйте полный набор иконок для приложений iOS и Android из одного исходника.
- Кадрирование для соцсетейПодгоняйте мобильные скриншоты под точные размеры постов для Twitter, LinkedIn и Open Graph.
- Изменение размера изображенийУменьшайте габариты мокапов до разрешений, комфортных для вставки в отчеты и тикеты.
- Конвертер изображений в WebPСжимайте скриншоты в рамках для быстрой загрузки на сайт без потери резкости.
- Проверка контрастности цветовДетальная проверка контраста текстовых пар по официальным стандартам доступности WCAG.
- Конвертер видео в GIFПревращайте записи экрана с демонстрацией работы в анимированные GIF для баг-трекера.
Тестируйте и демонстрируйте адаптивные сайты профессионально
Установите AppKiro Mobile Simulator в Google Chrome для мгновенной проверки верстки на 96 устройствах, реалистичной эмуляции жестов и создания эффектных скриншотов.
Скоро в Chrome Web Store — Производственный релиз готов