Mobiel kijken met Google Chrome.

3 oktober 2014 | Joram Dees

Responsive design, bijna iedereen in de webwereld is er inmiddels wel bekend mee.
Toch nog maar even korte uitleg… Responsive design wordt toegepast bij websites die mee moeten schalen naar alle mogelijke schermen, zoals smartphones en tablets.
Het uitgangspunt is zowel de content als de gebruikersinteracties aan te passen op het scherm van een websitebezoeker.

Benieuwd hoe jouw website er uit ziet op een ander toestel?

Via de emulation tool van Google Chrome wordt dit op een leuke en simpele manier mogelijk gemaakt.
Iedereen die Google Chrome gebruikt kan iedere (responsive) website op vrijwel elk mogelijk schermformaat bekijken.

Hoe het werkt

  1. Tijdens het surfen op je website klik je via je rechtermuisknop op ‘Element inspecteren’.
  2. Er opent nu een extra scherm zoals op de afbeelding.
  3. Links onderin is een knopje ‘Emulation’ dat het mogelijk maakt te kiezen tussen de meest gebruikte mobiele schermen.

mobiel werken met google chrome
Vergeet niet de pagina voor de zekerheid even te herladen na het kiezen van een schermformaat.

De makkelijkste manier om een pagina te herladen?

Gebruik de volgende toetsen (combinaties).
• Mac: CMD + R
• Windows: F5

Meer informatie over het responsive maken van jouw website?
Neem vrijblijvend contact met ons op en we vertellen je alles over de mogelijkheden.