CRX id
opghhjlekjjoonlhkakcolmfbalkocle
opghhjlekjjoonlhkakcolmfbalkocle
Description from extension meta
Met één klik een mobiel viewportvoorbeeld voor elke pagina.
Image from store
Description from store
Moderne webgebruikers zitten niet stil. Ze springen van 27-inch monitoren op het werk naar zakformaat schermen in de trein, en verwachten dat elke site op maat gemaakt aanvoelt voor beide. Voor ontwerpers, ontwikkelaars, marketeers en zelfs gewone power users roept dat een dagelijkse vraag op: "Hoe ziet deze pagina eruit op een echte telefoon?" Chrome's eigen DevTools kunnen die vraag beantwoorden – nadat je je door menu's, panelen en een wirwar aan apparaatframes hebt geworsteld. Overschakelen naar de mobiele weergave beperkt die reis tot een enkele klik of snelkoppeling.
Tik op het pictogram van de werkbalk (of druk op Alt + M) en de huidige pagina wordt direct weergegeven in een viewport ter grootte van een mobiele telefoon. Een zachtgrijze achtergrond isoleert de pagina van de rest van het browservenster, waardoor uw content de hoofdrol speelt en u er visueel aan wordt herinnerd dat de mobiele weergave actief is. Een kleine badge zweeft in de hoek met de huidige apparaatinstelling, vanaf de iPhone 14.
De extensie wordt geleverd met drie van de meest gevraagde breakpoints: iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px) en iPad mini (768 × 1024 px). Elke preset past de meta viewport-tag, elementbreedtes en het scrollgedrag aan om de look van het gekozen apparaat na te bootsen.
Wie heeft er baat bij?
Front-endontwikkelaars kunnen binnen enkele seconden lay-outregressies detecteren zonder DevTools te hoeven openen. Dit is ideaal wanneer u met meerdere branches werkt of servers aan het stagen bent.
UI/UX-ontwerpers krijgen een snelle check voordat ze nieuwe Figma-composities naar de engineeringafdeling sturen.
Kwaliteitsborgingsteams kunnen sneltoetsen programmeren in geautomatiseerde testsuites, voor sneller en responsiever testen.
Contentmakers en marketeers bekijken nieuwsbrieven, landingspagina's en sociale media-inhoud vooraf om de leesbaarheid op kleine schermen te garanderen.
Klantenservicemedewerkers die problemen reproduceren die door mobiele gebruikers zijn gemeld, hebben geen fysieke apparaten of simulatoren meer nodig.
Docenten en studenten die responsieve ontwerpconcepten uitproberen, krijgen een toegankelijke, toestemmingsveilige sandbox.
Of u nu enkele minuten voor de lancering een checkout-flow aan het verfijnen bent of lesgeeft aan een klas vol beginnende ontwikkelaars, deze extensie past vrijwel naadloos in uw workflow en vergt nauwelijks leertijd.