Gebruik het paneel Sensoren om de sensorinvoer van elk apparaat te simuleren.
Overzicht
Met het paneel Sensoren kunt u het volgende doen:
- Geolocation overschrijven .
- Oriëntatie simuleren .
- Krachtige aanraking .
- Simuleer de inactieve detectorstatus .
Open het paneel Sensoren
Afhankelijk van uw besturingssysteem kunt u het volgende commandomenu openen door op de volgende toetsencombinatie te drukken:
- Op macOS: Command + Shift + P
- Op Windows, Linux of ChromeOS: Control + Shift + P
Typ
sensors, selecteer 'Sensoren weergeven' en druk op Enter . Het paneel 'Sensoren' wordt onderaan in uw DevTools-venster geopend.
Geolocatie overschrijven
Veel websites maken gebruik van de locatie van de gebruiker om een relevantere ervaring te bieden. Een weerwebsite kan bijvoorbeeld de lokale weersvoorspelling voor de regio van een gebruiker weergeven, zodra de gebruiker de website toestemming heeft gegeven om toegang te krijgen tot zijn of haar locatie.
Als je een gebruikersinterface bouwt die verandert afhankelijk van de locatie van de gebruiker, wil je er waarschijnlijk voor zorgen dat de site zich correct gedraagt op verschillende plekken in de wereld.
Om je geolocatie te overschrijven, open je het paneel Sensoren en selecteer je een van de volgende opties in de lijst Geolocatie :
- Een van de vooraf ingestelde steden, zoals Tokio .
- Aangepaste locatie om aangepaste lengte- en breedtegraadcoördinaten in te voeren.
- Selecteer 'Locatie niet beschikbaar' om te zien hoe uw site zich gedraagt wanneer de locatie van de gebruiker niet beschikbaar is.
Simuleer de oriëntatie van het apparaat
Om verschillende apparaatoriëntaties te simuleren, opent u het paneel Sensoren en selecteert u in de lijst Oriëntatie een van de volgende opties:
- Een van de vooraf ingestelde oriëntaties, zoals Portret ondersteboven .
- Aangepaste oriëntatie voor uw eigen exacte oriëntatie.
Na het selecteren van 'Aangepaste oriëntatie' worden de velden alfa , bèta en gamma ingeschakeld. Zie Alfa , Bèta en Gamma voor meer informatie over de werking van deze assen.
Je kunt ook een aangepaste oriëntatie instellen door het oriëntatiemodel te slepen. Houd Shift ingedrukt voordat je sleept om langs de alfa- as te roteren.
Force touch
Om aanraakgebeurtenissen op uw website te testen, kunt u aanraken afdwingen in plaats van klikken, zelfs als u test op een apparaat zonder touchscreen.
Om aanraakgebeurtenissen met uw muisaanwijzer te activeren:
- Open het paneel Sensoren .
- Selecteer in het vervolgkeuzemenu 'Aanraken' de optie 'Force touch' .
- Klik op 'DevTools opnieuw laden' in het venster bovenaan.
Simuleer de inactieve detectorstatus
Met de Idle Detection API kunt u inactieve gebruikers detecteren en reageren op wijzigingen in hun inactiviteitsstatus. Met DevTools kunt u wijzigingen in de inactiviteitsstatus simuleren voor zowel de gebruikersstatus als de schermstatus, in plaats van te wachten tot de daadwerkelijke inactiviteitsstatus verandert.
Om inactieve toestanden te simuleren:
Schakel het selectievakje naast 'Ephemeral' in en geef de demopagina in het promptvenster toestemming voor het detecteren van inactiviteit. Vernieuw vervolgens de pagina.
Selecteer onder het vervolgkeuzemenu 'Emulate Idle detector State' een van de volgende opties:
- Geen inactieve emulatie
- Gebruiker actief, scherm ontgrendeld
- Gebruiker actief, scherm vergrendeld
- Gebruiker inactief, scherm ontgrendeld
- Gebruiker inactief, scherm vergrendeld
Simuleer gelijktijdige hardware-activiteit
Om te simuleren hoe uw website presteert op apparaten met verschillende aantallen processorkernen, kunt u de waarde van de eigenschap ` navigator.hardwareConcurrency overschrijven. Sommige applicaties gebruiken deze eigenschap om de mate van parallellisatie te regelen, bijvoorbeeld om de grootte van de Emscripten pthread pool te bepalen.
Om gelijktijdige hardware te simuleren:
- Open het paneel Sensoren .
- Onderaan het paneel vindt u 'Hardware concurrency' . Schakel dit in.
- Voer in het invoerveld voor getallen het aantal cores in dat u wilt emuleren.
Om terug te keren naar de standaardwaarde, klikt u op de knop 'Reset '.
Simuleer CPU-druk
CPU- of rekendruk is een reeks gerapporteerde statussen die een idee geven van de werkbelasting van de systeemprocessor en of deze de limiet nadert. Deze informatie stelt u in staat uw realtime-applicatie, bijvoorbeeld een videoconferentie- of videogameprogramma, aan te passen om optimaal gebruik te maken van alle beschikbare rekenkracht, terwijl het systeem responsief blijft door de werkbelasting in realtime aan te passen.
Met het paneel Sensoren kunt u de statussen simuleren die door de Compute Pressure API kunnen worden gerapporteerd.
Om de CPU-belasting op uw website te simuleren:
- Open het paneel Sensoren .
- Onderaan het paneel vindt u het gedeelte voor de CPU-druk . Selecteer daar een van de volgende leesbare drukstatussen : Geen overschrijving , Nominaal , Redelijk , Ernstig of Kritiek .
- Klik in het promptvenster bovenaan DevTools op Reload DevTools .
