Пређи на мобилни приказ

Модерна веб публика не мирује. Прелазе са монитора од 27 инча на послу на екране џепне величине у возу и очекују да ће сваки сајт бити прилагођен и једнима и другима. За дизајнере, програмере, маркетиншке стручњаке, па чак и за свакодневне напредне кориснике, то поставља свакодневно питање: „Како ће ова страница изгледати на правом телефону?“ Chrome-ови DevTools могу да одговоре на то – након што прођете кроз меније, панеле и мноштво оквира уређаја. Прелазак на мобилни приказ смањује то путовање на један клик или пречицу,

Додирните икону на траци са алаткама (или притисните Alt + M) и тренутна страница ће одмах бити ограничена на приказ величине мобилног телефона. Мекана сива позадина изолује страницу од остатка прозора прегледача, чинећи ваш садржај звездом, а визуелно вас подсећа да је мобилни приказ активан. Мала значка лебди у углу и приказује тренутну поставку уређаја – почев од iPhone-а 14,

Екстензија се испоручује са три најчешће тражене тачке прекида — iPhone 14 (390 × 844 пиксела), Pixel 7 (412 × 915 пиксела) и iPad mini (768 × 1024 пиксела). Свака подешавање подешава мета ознаку приказа, ширину елемената и понашање скроловања како би се имитирао осећај изабраног уређаја.

Ко има користи?
Фронт-енд програмери могу да уоче регресије распореда за неколико секунди без отварања DevTools-а — што је идеално када жонглирате са више грана или серверима за припрему.

UI/UX дизајнери добијају брзу проверу исправности пре него што пошаљу нове Фигма композиције инжењерима.

Тимови за осигурање квалитета могу да скриптују пречице на тастатури у аутоматизоване тест пакете за брже тестирање.

Креатори садржаја и маркетиншки стручњаци прегледају билтене, одредишне странице и друштвене садржаје како би осигурали читљивост на малим екранима.

Агентима за корисничку подршку који репродукују проблеме које су пријавили корисници мобилних уређаја више нису потребни физички уређаји или симулатори.

Наставници и студенти који истражују концепте респонзивног дизајна добијају приступачан, безбедан „песак“ за дозволе.

Без обзира да ли фино подешавате ток плаћања неколико минута пре лансирања или предајете учионици пуној амбициозних програмера, ово проширење се уклапа у ваш ток рада готово без икакве криве учења.