#devtools #инструменты

Chrome DevTools. Device Toolbar

Девтулзы помогают симулировать разные девайсы и условия их работы.



Какие опции есть?

- responsive (вводим нужные нам параметры ручками)

- device list (готовый список устройств от Девтулзов)

- кастомные устройства (те, что добавим сами)



Как добавить новые устройства?

- можно добавить устройства из device list (периодически Chrome расширяет список, так было и в последней 97-ой версии)

- можно добавить кастомные устройства.

Для обоих вариантов надо перейти в Device Toolbar и нажать Edit в списке устройств.

Для добавления из device list отмечаем чек-боксы напротив нужных устройств, снимаем отметку у лишних.

Для добавления кастомных нажимаем на Add custom device и задаём нужные параметры.



Будет продолжение. Картинки прилагаются.

Подробности тут.