Je kunt de mobiele weergave van een website in Chrome op drie manieren op je desktop bekijken. Elke manier heeft zijn nut, en welke je kiest hangt af van hoe dicht je bij een echte telefoon wilt komen.
Simlord werkt in Chrome op een computer. Open deze pagina daar om hem toe te voegen.
Sleep de rand van het venster naar binnen. Dat is snel, maar de site weet nog steeds dat het een desktop is, dus je ziet een smalle desktoppagina en niet de mobiele site.
Open DevTools met F12, of Cmd+Option+I op een Mac, en druk op Ctrl+Shift+M, of Cmd+Shift+M op een Mac. Chrome geeft de pagina het formaat van een telefoon en stuurt een mobiele user-agent, binnen de ontwikkelaarstools.
Klik in Simlord op het icoon en kies een telefoon. De pagina vult het tabblad met het frame van de telefoon, de browserbalken en touch, en je blijft ingelogd.
De device toolbar van DevTools zit ingebouwd, is gratis en is prima om een breakpoint te controleren terwijl je debugt. Hij toont de viewport, niet de telefoon. Er zijn geen browserbalken en geen frames van actuele toestellen, en DevTools zelf neemt de helft van je scherm in.
Simlord toont de pagina zoals een telefoon hem toont, met de balk van Safari of Chrome die zijn echte ruimte inneemt, de statusbalk en de notch of het Dynamic Island. Het houdt het gekozen toestel vast terwijl je doorklikt, en je kunt er een screenshot of opname van maken.
Simlord opent en sluit met Alt+Shift+M, en heeft sneltoetsen om te draaien, naar het volgende toestel te gaan, een screenshot te maken en op te nemen. Je wijzigt ze bij de sneltoetsen voor extensies in Chrome.
Iets anders? Schrijf naar support@simlord.eu.
In DevTools is het Ctrl+Shift+M op Windows en Linux en Cmd+Shift+M op een Mac, nadat je DevTools hebt geopend. Simlord opent met Alt+Shift+M, zonder DevTools.
Omdat de site naar de user-agent of touch-ondersteuning kijkt, niet alleen naar de breedte. Een smal venster meldt zich nog steeds als desktopbrowser.
Ja, van elke site die je in Chrome kunt openen, ook sites waarop je bent ingelogd.
De site krijgt het formaat, de identiteit en touch van een telefoon, dus hij reageert zoals hij op een telefoon zou doen. Voor andere tabbladen verandert er niets.
Gratis, geen account nodig. Werkt in Chrome, Edge en Brave.
Simlord werkt in Chrome op een computer. Open deze pagina daar om hem toe te voegen.