Prebaci na mobilni prikaz

Moderna web publika ne sjedi mirno. Prelaze s 27-inčnih monitora na poslu na džepne ekrane u vlaku i očekuju da će svaka stranica biti prilagođena oboje. Za dizajnere, developere, marketinške stručnjake, pa čak i svakodnevne napredne korisnike, to postavlja svakodnevno pitanje: "Kako će ova stranica izgledati na pravom telefonu?" Chromeovi vlastiti DevTools mogu odgovoriti na to - nakon što prođete kroz izbornike, ploče i mnoštvo okvira uređaja. Prelazak na mobilni prikaz smanjuje to putovanje na jedan klik ili prečac,

Dodirnite ikonu alatne trake (ili pritisnite Alt + M) i trenutna stranica odmah će se ograničiti na prikaz veličine mobilnog uređaja. Mekana siva pozadina izolira stranicu od ostatka prozora preglednika, čineći vaš sadržaj zvijezdom, a vizualno vas podsjećajući da je mobilni prikaz aktivan. Mala značka lebdi u kutu i prikazuje trenutnu unaprijed postavljenu postavku uređaja - počevši od iPhonea 14,

Proširenje dolazi s tri najčešće tražene točke prekida - iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px) i iPad mini (768 × 1024 px). Svaka unaprijed postavljena postavka prilagođava meta oznaku viewporta, širine elemenata i ponašanje pomicanja kako bi oponašala osjećaj odabranog uređaja.

Tko ima koristi?
Front-end programeri mogu uhvatiti regresije izgleda u sekundama bez otvaranja DevToolsa - idealno za žongliranje s više grana ili poslužitelja za pripremu.

UI/UX dizajneri dobivaju brzu provjeru zdravog razuma prije slanja novih Figma kompozicija u inženjering.

Timovi za osiguranje kvalitete mogu skriptirati tipkovničke prečace u automatizirane testne pakete za brže responzivno testiranje.

Kreatori sadržaja i marketinški stručnjaci pregledavaju biltene, odredišne stranice i društvene elemente kako bi osigurali čitljivost na malim ekranima.

Agenti korisničke podrške koji reproduciraju probleme koje prijavljuju mobilni korisnici više ne trebaju fizičke uređaje ili simulatore.

Nastavnici i studenti koji istražuju koncepte responzivnog dizajna dobivaju pristupačan i siguran sandbox okruženje.

Bez obzira na to podešavate li tijek naplate nekoliko minuta prije lansiranja ili podučavate učionicu punu ambicioznih programera, ovo proširenje se uklapa u vaš tijek rada gotovo bez krivulje učenja.