Google Chrome Developer Tools kunt u zien hoe websites eruit zien op verschillende apparaten te emuleren van de verschillende schermresoluties.
Met behulp van Chrome Developer Tools
Gebruik Chrome Developer Tools om te emuleren de resolutie van de verschillende gemeenschappelijke smartphones en tabletten, of om te emuleren een aangepaste resolutie om te testen hoe websites eruit zien op verschillende apparaten, zelfs als u niet die handige machines hebben.
Stap 1
Ter lancering van Chrome Developer Tools, klikt u op het pictogram van montages en selecteer vervolgens Meer gereedschappen gevolgd door Developer Tools in het pop-upmenu te lanceren de Developer Tools menu.
Stap 2
Klik op de Toggle apparaat Mode -knop in de Developer Tools menu toegang krijgen tot emulatie instellingen, die worden weergegeven in het hoofdvenster van Chrome.
Stap 3
De resolutie en het gedrag van een bepaald apparaat wordt geƫmuleerd doordat, selecteert u deze uit het Device menu.
Stap 4
Om te emuleren een aangepaste resolutie, klik op de nummers weergeven van de geƫmuleerde horizontale en verticale resoluties en typ nieuwe waarden.
Stap 5
Om over te schakelen van de horizontale en verticale resoluties om te schakelen tussen het emuleren van portret en landschap modus, klikt u op de knop van de Swap afmetingen .
Stap 6
Als u wilt terugkeren naar de standaardresolutie van Chrome, schakel uncheck de controledoos Schermresolutie emuleren .
Stap 7
Wanneer u de resolutie hebt als u dat wilt, klikt u op de Reload knop om de pagina vernieuwen en ervoor te zorgen dat het met alle van de resolutie-instellingen die u hebt gekozen in feite laadt.