Description from extension meta
Förhandsvisning av mobilvy med ett klick för valfri sida.
Image from store
Description from store
Moderna webbanvändare sitter inte stilla. De hoppar från 27-tumsskärmar på jobbet till fickformatskärmar på tåget, och de förväntar sig att varje webbplats ska kännas skräddarsydd för båda. För designers, utvecklare, marknadsförare och till och med vanliga avancerade användare väcker det en daglig fråga: "Hur kommer den här sidan att se ut på en riktig telefon?" Chromes egna DevTools kan svara på den – efter att du har grävt igenom menyer, paneler och en mängd enhetsramar. Att byta till mobilvy krymper den resan till ett enda klick eller en genväg,
Tryck på verktygsfältsikonen (eller tryck på Alt + M) så begränsas den aktuella sidan direkt till en visningsport i handenhetsstorlek. En mjuk grå bakgrund isolerar sidan från resten av webbläsarfönstret, vilket gör ditt innehåll till stjärnan samtidigt som den visuellt påminner dig om att Mobilvy är aktiv. En liten etikett svävar i hörnet och visar den aktuella enhetens förinställning – med början i iPhone 14,
Tillägget levereras med tre av de vanligast efterfrågade brytpunkterna – iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px) och iPad mini (768 × 1024 px). Varje förinställning justerar meta-viewport-taggen, elementbredder och rullningsbeteende för att efterlikna känslan hos den valda enheten.
Vem gynnas?
Frontend-utvecklare kan upptäcka layoutregressioner på några sekunder utan att öppna DevTools – perfekt när man jonglerar flera grenar eller staging-servrar.
UI/UX-designers får en snabb kontroll av sitt förstånd innan de skickar nya Figma-kompositioner till ingenjörskonst.
Kvalitetssäkringsteam kan skapa skript för kortkommandon i automatiserade testsviter för snabbare responsiv testning.
Innehållsskapare och marknadsförare förhandsgranskar nyhetsbrev, landningssidor och sociala medier för att säkerställa läsbarhet på små skärmar.
Kundsupportmedarbetare som återskapar problem som rapporterats av mobilanvändare behöver inte längre fysiska enheter eller simulatorer.
Lärare och elever som utforskar responsiva designkoncept får en lättillgänglig, behörighetssäker sandlåda.
Oavsett om du finjusterar ett utcheckningsflöde minuter före lansering eller undervisar ett klassrum fullt av blivande utvecklare, integreras det här tillägget i ditt arbetsflöde med nästan noll inlärningskurva.