Тестирование адаптивности в браузере с автоматизированными исправлениями CSS
Одновременное тестирование на нескольких устройствах в девяти стандартных и пользовательских вьюпортах происходит внутри браузера, позволяя вам сканировать страницы на наличие проблем с макетом и предварительно просматривать исправления в реальном времени. ViewPortIQ, созданный NIMMA LOKESH REDDY, является расширением Chrome для веб-разработчиков и дизайнеров, которое проверяет переполнение, наложения и проблемы с целями касания. Оно предлагает Оценку адаптивности, анализ только для локального использования и редактируемые предложения по CSS, что делает его подходящим для разработчиков и команд QA, которым нужна быстрая проверка без выхода из их рабочего процесса.
Преобразует браузер в тестовую платформу с несколькими окнами просмотра
ViewPortIQ одновременно отображает девять профилей устройств и позволяет добавлять пользовательские точки разбиения и поворачивать ориентации, чтобы вы могли просматривать макеты для настольных и мобильных устройств бок о бок. Расширение сообщает о затронутых окнах просмотра для каждой проблемы и назначает уровни серьезности и уверенности, что помогает приоритизировать исправления, когда страница показывает перекрывающиеся элементы управления, обрезанный текст или переполнение контента на нескольких размерах.
Выполняет анализ локально, чтобы ограничить внешнее воздействие данных
Вся логика сканирования и предложений работает внутри браузера, поэтому ничего не отправляется на внешние серверы. Этот дизайн сохраняет HTML страницы и состояние DOM локально во время тестирования и поддерживает рабочие процессы, которые требуют конфиденциальности для прототипов страниц или тестовых сайтов. Система проверки повторяет проверки, чтобы уменьшить количество ложных срабатываний, что снижает шумные уведомления, когда макет колеблется во время динамической отрисовки.
Предоставляет практические предложения по CSS с мгновенными предварительными просмотрами
Инструмент определяет вероятные причины CSS и предлагает предложения по исправлению, которые вы можете временно применить, чтобы немедленно просмотреть результаты в каждом окне просмотра. Возможность мгновенного предварительного просмотра позволяет вам проверять исправления перед копированием правил в вашу кодовую базу, а подробные отчеты о проблемах включают просмотр файла и Рейтинг отзывчивости, который количественно оценивает здоровье макета от 0 до 100 по протестированным размерам.
Практическое тестирование, ориентированное на верификацию для разработчиков и QA
ViewPortIQ подходит разработчикам и дизайнерам, которым нужны целенаправленные, в браузере адаптивные проверки и мгновенная валидация CSS. Его локальная обработка и повторная верификация уменьшают количество ложных срабатываний, но командам, которым требуется облачное сотрудничество или автоматизированная интеграция CI, понадобятся дополнительные инструменты. Для ручной отладки и быстрой верификации на нескольких экранах он предоставляет прямой, ориентированный на конфиденциальность рабочий процесс, который подходит для типичных рабочих столов разработчиков.
