Canvia a la vista mòbil

Vista prèvia amb un clic per a qualsevol pàgina en una finestra gràfica mòbil.

El públic web modern no s'està quiet. Salten dels monitors de 27 polzades a la feina a les pantalles de butxaca del tren, i esperen que cada lloc web sembli fet a mida per a tots dos. Per a dissenyadors, desenvolupadors, professionals del màrqueting i fins i tot usuaris avançats de cada dia, això planteja una pregunta diària: "Com es veurà aquesta pàgina en un telèfon real?". Les eines per a desenvolupadors de Chrome poden respondre-la després de buscar entre menús, panells i un munt de marcs de dispositius. Canviar a la vista mòbil redueix aquest viatge a un sol clic o drecera. Toqueu la icona de la barra d'eines (o premeu Alt + M) i la pàgina actual es restringirà instantàniament a una finestra gràfica de la mida d'un telèfon. Un fons gris suau aïlla la pàgina de la resta de la finestra del navegador, fent que el vostre contingut sigui el protagonista i us recorda visualment que la Vista mòbil està activa. Una petita insígnia sura a la cantonada mostrant la configuració predefinida del dispositiu actual, començant per l'iPhone 14. L'extensió inclou tres dels punts d'interrupció més sol·licitats: iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px) i iPad mini (768 × 1024 px). Cada configuració predefinida ajusta l'etiqueta meta de la finestra gràfica, l'amplada dels elements i el comportament de desplaçament per imitar la sensació del dispositiu escollit. Qui se'n beneficia? Els desenvolupadors front-end poden detectar regressions de disseny en segons sense obrir DevTools, cosa ideal quan es tracta de gestionar diverses branques o servidors de proves. Els dissenyadors d'UI/UX es fan una ràpida comprovació de la integritat abans d'enviar noves composicions de Figma a enginyeria. Els equips d'assegurament de la qualitat poden inserir dreceres de teclat en conjunts de proves automatitzades per a proves de resposta més ràpides. Els creadors de contingut i els professionals del màrqueting visualitzen prèviament els butlletins informatius, les pàgines de destinació i les insercions socials per garantir la llegibilitat en pantalles petites. Els agents d'atenció al client que reprodueixen problemes reportats pels usuaris mòbils ja no necessiten dispositius físics ni simuladors. Els educadors i estudiants que exploren conceptes de disseny responsiu obtenen un espai de proves accessible i segur per a permisos. Tant si esteu ajustant el flux de pagament minuts abans del llançament com si esteu ensenyant a una classe plena d'aspirants a desenvolupadors, aquesta extensió s'integra en el vostre flux de treball amb una corba d'aprenentatge gairebé nul·la.