En mindre kendt funktion i Google Chrome på Desktop-operativsystemer er muligheden for at fange et screenshot af en åbnet side, som om det screenshot, der blev taget, var af browseren, der kører på en mobilenhed. Det kan endda tilføje en ramme omkring skærmbilledet, så det ligner et realistisk billede af en smartphone. Her er hvordan det kan gøres.
Der er et specielt værktøj i Chrome Developer Tools, der giver dig mulighed for at efterligne en mobilenhed. Det er meget nyttigt for udviklere at kontrollere, hvordan deres websteder ser ud på smartphones og enheder med lille skærm. Det giver mulighed for at specificere en brugerdefineret skærmstørrelse eller bruge foruddefinerede enhedsstørrelser som iPhone, iPad, Nexus eller Samsungs Galaxy. Når den åbnede side vises i enhedsemulatoren, kan brugeren tage et skærmbillede af siden. Det er også muligt at aktivere en enhedsramme omkring siden, så den ser ud som et realistisk foto.
Du kan gøre det som følger.
- Åbn den ønskede side i Chrome, og tryk på F12. Dette åbner udviklerværktøjer:
- Klik på emulator-knappen på mobilenheden for at skifte tilstanden Developer Tools:
- Vælg en enhed under enhedsvælgeren. For eksempel vil jeg vælge iPhone 6:
- Klik nu på menuen med 3 prikker til højre for enhedsvælgeren, og marker afkrydsningsfeltet 'Vis enhedsramme':
- Voila, nu vises din webside inde i en dejlig enhedsramme:
Klik nu på menuen med tre prikker igen, og vælg 'Capture screenshot':
Resultatet bliver som følger:
Du er færdig.
