Description from extension meta
Pregled mobilnog prikaza jednim klikom za bilo koju stranicu.
Image from store
Description from store
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.