Een minder bekende functie van Google Chrome op desktop-besturingssystemen is de mogelijkheid om een screenshot te maken van een geopende pagina alsof de gemaakte screenshot van de browser is die op een mobiel apparaat draait. Het kan zelfs een kader rond de schermafbeelding toevoegen, zodat het eruitziet als een realistische foto van een smartphone. Hier is hoe het kan worden gedaan.
Er is een speciale tool in Chrome Developer Tools waarmee u een mobiel apparaat kunt emuleren. Het is erg handig voor ontwikkelaars om te controleren hoe hun websites eruitzien op smartphones en apparaten met een klein scherm. Hiermee kunt u een aangepast schermformaat specificeren of vooraf gedefinieerde apparaatformaten gebruiken, zoals iPhone, iPad, Nexus of Samsung's Galaxy. Zodra de geopende pagina wordt weergegeven in de apparaatemulator, kan de gebruiker een screenshot van de pagina maken. Het is ook mogelijk om een apparaatframe rond de pagina in te schakelen, zodat het eruitziet als een realistische foto.
U kunt het als volgt doen.
- Open de gewenste pagina in Chrome en druk op F12. Dit opent Developer Tools:
- Klik op de emulatorknop voor mobiele apparaten om de ontwikkelaarstools-modus te wijzigen:
- Selecteer een apparaat onder de apparaatselector. Ik zal bijvoorbeeld iPhone 6 selecteren:
- Klik nu op het menu met 3 stippen aan de rechterkant van de apparaatkiezer en vink de optie 'Apparaatframe weergeven' aan:
- Voila, nu wordt uw webpagina weergegeven in een mooi apparaatframe:
Klik nu opnieuw op het menu met de drie stippen en selecteer 'Screenshot vastleggen':
Het resultaat is als volgt:
Je bent klaar.
