CRX id
opghhjlekjjoonlhkakcolmfbalkocle
opghhjlekjjoonlhkakcolmfbalkocle
Description from extension meta
Forhåndsvisning av mobilvisning med ett klikk for enhver side.
Image from store
Description from store
Moderne nettpublikum sitter ikke stille. De hopper fra 27-tommers skjermer på jobb til lommeskjermer på toget, og de forventer at hvert nettsted skal føles skreddersydd for begge. For designere, utviklere, markedsførere og til og med vanlige superbrukere reiser dette et daglig spørsmål: «Hvordan vil denne siden se ut på en ekte telefon?» Chromes egne DevTools kan svare på det – etter at du har gravd gjennom menyer, paneler og en rekke enhetsrammer. Bytt til mobilvisning krymper den reisen til et enkelt klikk eller en snarvei,
Trykk på verktøylinjeikonet (eller trykk Alt + M), så begrenses den gjeldende siden umiddelbart til et visningsområde på størrelse med en håndsett. En myk grå bakgrunn isolerer siden fra resten av nettleservinduet, noe som gjør innholdet ditt til stjernen samtidig som den visuelt minner deg på at Mobilvisning er aktiv. Et lite merke svever i hjørnet og viser den gjeldende forhåndsinnstillingen for enheten – med iPhone 14 som start.
Utvidelsen leveres med tre av de mest etterspurte brytepunktene – iPhone 14 (390 × 844 piksler), Pixel 7 (412 × 915 piksler) og iPad mini (768 × 1024 piksler). Hver forhåndsinnstilling justerer meta-viewport-taggen, elementbredder og rulleoppførsel for å etterligne følelsen av den valgte enheten.
Hvem drar nytte av det?
Frontend-utviklere kan fange opp layoutregresjoner på sekunder uten å åpne DevTools – ideelt når man sjonglerer flere grener eller staging-servere.
UI/UX-designere får en rask fornuftssjekk før de sender nye Figma-komposisjoner til ingeniører.
Kvalitetssikringsteam kan lage hurtigtaster i automatiserte testsuiter for raskere responsiv testing.
Innholdsskapere og markedsførere forhåndsviser nyhetsbrev, landingssider og sosiale medier for å sikre lesbarhet på små skjermer.
Kundesupportmedarbeidere som gjengir problemer rapportert av mobilbrukere trenger ikke lenger fysiske enheter eller simulatorer.
Lærere og elever som utforsker responsive designkonsepter får en tilgjengelig, tillatelsessikker sandkasse.
Enten du finjusterer en utsjekkingsflyt minutter før lansering eller underviser et klasserom fullt av håpefulle utviklere, integreres denne utvidelsen i arbeidsflyten din med nesten null læringskurve.