CRX id
opghhjlekjjoonlhkakcolmfbalkocle
opghhjlekjjoonlhkakcolmfbalkocle
Description from extension meta
Náhľad mobilného zobrazenia jedným kliknutím pre ľubovoľnú stránku.
Image from store
Description from store
Moderné webové publikum nesedí pokojne. V práci preskakuje z 27-palcových monitorov na vreckové obrazovky vo vlaku a očakáva, že každá stránka bude šitá na mieru pre obe strany. Pre dizajnérov, vývojárov, marketérov a dokonca aj pre bežných náročných používateľov to vyvoláva každodennú otázku: „Ako bude táto stránka vyzerať na skutočnom telefóne?“ Vlastné nástroje DevTools prehliadača Chrome na ňu dokážu odpovedať – po prehrabaní sa v ponukách, paneloch a množstve rámcov zariadení. Prechod na mobilné zobrazenie skracuje túto cestu na jedno kliknutie alebo skratku,
Klepnite na ikonu panela s nástrojmi (alebo stlačte klávesy Alt + M) a aktuálna stránka sa okamžite obmedzí na zobrazenie veľkosti mobilného telefónu. Jemné sivé pozadie izoluje stránku od zvyšku okna prehliadača, vďaka čomu je váš obsah hviezdou a zároveň vám vizuálne pripomína, že je aktívne mobilné zobrazenie. V rohu sa nachádza malý odznak zobrazujúci aktuálnu predvoľbu zariadenia – počnúc iPhonom 14,
Rozšírenie sa dodáva s tromi najčastejšie požadovanými bodmi zlomu – iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px) a iPad mini (768 × 1024 px). Každá predvoľba upravuje meta tag viewport, šírku prvkov a správanie pri posúvaní tak, aby napodobňovala dojem z vybraného zariadenia.
Kto z toho profituje?
Front-end vývojári dokážu zachytiť regresie rozloženia v priebehu niekoľkých sekúnd bez otvárania nástrojov DevTools – čo je ideálne pri manipulácii s viacerými vetvami alebo pripravovaní serverov.
UI/UX dizajnéri si pred odoslaním nových kompozícií Figma do inžinierskeho oddelenia rýchlo overia ich príčetnosť.
Tímy zabezpečenia kvality môžu do automatizovaných testovacích súprav skriptovať klávesové skratky pre rýchlejšie responzívne testovanie.
Tvorcovia obsahu a marketéri si prezerajú ukážky newsletterov, vstupných stránok a sociálnych médií, aby zabezpečili čitateľnosť na malých obrazovkách.
Agenti zákazníckej podpory, ktorí reprodukujú problémy hlásené mobilnými používateľmi, už nepotrebujú fyzické zariadenia ani simulátory.
Pedagógovia a študenti, ktorí skúmajú koncepty responzívneho dizajnu, získajú prístupný a na oprávnenia zabezpečený sandbox.
Či už dolaďujete proces platby len pár minút pred spustením alebo učíte v triede plnej začínajúcich vývojárov, toto rozšírenie sa začlení do vášho pracovného postupu s takmer nulovou krivkou učenia.