извините, я под прикрытием

Обычно студенты фронтенда сталкиваются с приемочной работой пользовательского интерфейса, и один из лучших способов убить фронтенд — сделать скриншот напрямую и наложить его на psd.

Я думаю, что для такого рода вещей, которые убьют внешний интерфейс, у пользовательского интерфейса может быть лучший метод, такой как этот инструмент, который я рекомендую сегодня.

Описание товара

Visual Inspector — это подключаемый модуль Chrome для визуальных пошаговых инструкций. Давайте взглянем на конкретные скриншоты ниже.

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

Установить

Найдите Visual Inspecto в магазине дополнений Chrome.

Инструкции по применению

Нажмите на плагин, чтобы вставить проект дизайна

Затем отрегулируйте размер и положение вставленного изображения и установите его на Умножение.

Вы можете сразу увидеть разницу на уровне пикселей

несколько режимов

В дополнение к Интернету также поддерживается проверка H5.

Он может быть сопоставлен симуляцией Chrome, а также позиционирование, масштабирование, размер и т. Д.

end

В некоторых крупных компаниях могут быть автоматизированные визуальные инструменты + ИИ для помощи в автоматизированной приемке пользовательского интерфейса.Для небольших компаний, у которых его нет, вы можете попробовать этот инструмент, чтобы проверить степень восстановления собственного дизайна.