Váltás mobil nézetre

Egy kattintással megtekinthető mobil nézetablak bármely oldalhoz.

A modern webes közönség nem ül mozdulatlanul. A munkahelyi 27 hüvelykes monitorokról a vonaton a zsebméretű képernyőkre ugrálnak, és elvárják, hogy minden weboldal mindkettőre szabottnak tűnjön. A tervezők, fejlesztők, marketingesek és még a mindennapi haladó felhasználók számára is ez naponta felveti a kérdést: „Hogyan fog kinézni ez az oldal egy igazi telefonon?” A Chrome saját DevTools eszközei meg tudják válaszolni – miután átnéztük a menüket, paneleket és az eszközkeretek sűrűjét. A mobil nézetre való váltás egyetlen kattintásra vagy parancsikonra zsugorítja ezt az utat, Koppints az eszköztár ikonra (vagy nyomd meg az Alt + M billentyűkombinációt), és az aktuális oldal azonnal egy kézibeszélő méretű nézetablakba lesz korlátozva. Egy lágy szürke háttér elkülöníti az oldalt a böngészőablak többi részétől, így a tartalmad kiemelkedik, miközben vizuálisan emlékeztet arra, hogy a Mobil nézet aktív. Egy kis jelvény lebeg a sarokban, amely az aktuális eszközbeállítást mutatja – az iPhone 14-től kezdődően. A bővítmény három leggyakrabban kért törésponttal érkezik – iPhone 14 (390 × 844 képpont), Pixel 7 (412 × 915 képpont) és iPad mini (768 × 1024 képpont). Mindegyik előre beállított érték a meta nézetablak címkét, az elemek szélességét és a görgetési viselkedést a kiválasztott eszköz érzetének utánzásához igazítja. Kinek előnyös? A front-end fejlesztők másodpercek alatt képesek az elrendezési regressziók felismerésére a DevTools megnyitása nélkül – ez ideális több ág vagy átmeneti szerver összehangolásakor. A UI/UX tervezők gyors ellenőrzést végeznek, mielőtt új Figma összeállításokat küldenének a mérnöki csapatnak. A minőségbiztosítási csapatok billentyűparancsokat szkriptelhetnek az automatizált tesztcsomagokba a gyorsabb reagálású tesztelés érdekében. A tartalomkészítők és a marketingesek előzetesen megtekinthetik a hírleveleket, a landing page-eket és a közösségi média beágyazásokat, hogy biztosítsák az olvashatóságot kis képernyőkön is. Az ügyfélszolgálati munkatársaknak, akik a mobilfelhasználók által jelentett problémákat reprodukálják, már nincs szükségük fizikai eszközökre vagy szimulátorokra. A reszponzív tervezési koncepciókat kutató oktatók és diákok egy könnyen megközelíthető, engedélyköteles tesztkörnyezetet kapnak. Akár egy fizetési folyamatot finomhangol percekkel az indulás előtt, akár egy feltörekvő fejlesztőkkel teli osztálytermet tanít, ez a bővítmény szinte nulla tanulási görbével beilleszthető a munkafolyamatába.