Een Android-emulator in Chrome uitvoeren

Je hebt geen Android Studio of een la vol telefoons nodig om te zien hoe je site zich op Android gedraagt. Een lichte Android-emulator-extensie voor Chrome rendert je pagina in een realistisch Android-apparaatframe — met de juiste schermgrootte, user-agent en systeemweergave — rechtstreeks vanuit je browser. Deze gids legt uit hoe je een emulator in Chrome uitvoert en welke Android-apparaten je moet controleren.

Browseremulator vs Android Studio

Er zijn twee heel verschillende betekenissen van "Android-emulator". Android Studio levert een volledige emulator die het hele Android-besturingssysteem opstart om native apps te testen — krachtig, maar zwaar, traag en afhankelijk van de SDK. Voor het controleren van een website is dat overdreven. Een browseremulator voor Chrome bootst in plaats daarvan de viewport, user-agent en het frame van een apparaat na in de browser die je al gebruikt, zodat hij direct laadt en geen installatie nodig heeft.

Waarom testen op Android meerdere apparaten vraagt

Android is veel meer gefragmenteerd dan iOS. Tientallen fabrikanten — Samsung, Google, Xiaomi, OnePlus, Motorola en meer — brengen telefoons uit in een enorme reeks schermformaten en pixeldichtheden, en Chrome is op de meeste de standaardbrowser. Een lay-out die er goed uitziet op de ene Android-telefoon kan op een andere omvouwen, overlopen of scheef staan, dus een reeks apparaten testen telt hier nog meer dan op iOS.

Android-apparaten en -formaten om te controleren

Wanneer je een Android-emulator-extensie voor Chrome uitvoert, dek dan een representatieve reeks:

• Een compacte telefoon, voor de kleinste gangbare breedte.
• Een populaire flagship, zoals een Pixel of Galaxy S.
• Een groot "Ultra"- of "Plus"-model, voor de hoogste lay-outs.
• Een instapapparaat, met een lagere pixeldichtheid.
• Een vouwbaar toestel en een tablet, als je publiek ze gebruikt.

Phone Simulator gebruiken als Android-emulator in Chrome

Phone Simulator is een gratis Android-emulator-extensie voor Chrome met een brede apparaatcatalogus ingebouwd. Ze rendert het huidige tabblad in een realistisch frame en laat je met één klik wisselen van model, oriëntatie en thema. Als browseremulator voor Chrome werkt ze hetzelfde op Windows, macOS, Linux of ChromeOS. Zo gebruik je het:

1. Installeer Phone Simulator uit de Chrome Web Store.
2. Open je site en klik op de extensie.
3. Kies een Android-apparaat en bekijk je pagina in een realistisch frame.
4. Wissel van model of draai het apparaat om elk formaat en elke dichtheid te testen.

In het gratis abonnement krijg je meer dan 40 apparaten, twee naast elkaar met gesynchroniseerd scrollen, schermafbeeldingen en één aangepast apparaat.

Wanneer je toch de volledige emulator nodig hebt

Een browsertool kan niet alles. Als je een native Android-app, hardware-API's, pushmeldingen of prestaties op het apparaat test, grijp dan naar de volledige emulator van Android Studio of een echt toestel. Maar voor web- en responsive testen — het dagelijkse werk van de meeste sitebeheerders — is een mobiele browseremulator in Chrome sneller en lichter. Veel teams houden een mobiele Chrome-emulator de hele dag open en starten de zware emulator alleen als het echt nodig is.

Een Android-emulator in Chrome is de snelste manier om je site over het hele Android-ecosysteem te zien zonder een plank vol telefoons te kopen. Of je het nu een browseremulator of een apparaatsimulator noemt, de waarde is dezelfde: controleer een reeks formaten en dichtheden, vang fragmentatieproblemen vroeg op en publiceer een lay-out die standhoudt op elk Android-scherm.