Netwerkvoorwaarden: overschrijf de user-agentreeks

Kayce Basques

Dale St. Marthe

Overzicht

Gebruik het paneel Netwerkvoorwaarden om de user-agentreeks te overschrijven en verschillende netwerksnelheden te emuleren.

Het overschrijven van de user-agentstring verandert de manier waarop de browser zichzelf identificeert bij webservers. Dit betekent dat de browser eerdere versies of verschillende browsers volledig kan simuleren, wat handig is voor het testen van responsief ontwerp, compatibiliteit en functiedetectie.

Houd er rekening mee dat het overschrijven van de user-agent-tekenreeks niets verandert aan de manier waarop de Chrome-browser intern functioneert, maar verandert de inhoud die door Chrome wordt aangeboden.

Open het paneel Netwerkvoorwaarden

Open het paneel Netwerkvoorwaarden vanuit het netwerkpaneel of handmatig via DevTools.

Om het Netwerkpaneel te gebruiken om het Netwerkvoorwaardenpaneel te openen, volgt u deze stappen:

1. Open DevTools .
2. Ga naar het Netwerkpaneel .
3. Klik op de knop network_manage More netwerkvoorwaarden om het venster Netwerkvoorwaarden te openen.

Figuur 1 . Het Netwerkpaneel en het Netwerkvoorwaardenpaneel

Het paneel Netwerkvoorwaarden handmatig openen:

1. Open DevTools .

2. Open het Commandomenu door op te drukken:

   • macOS: Command + Shift + P
   • Windows, Linux, ChromeOS: Control + Shift + P

     

     Figuur 2 . Het Commandomenu

3. Begin met het typen Network conditions , selecteer Netwerkvoorwaarden weergeven en druk op Enter . DevTools geeft het paneel Netwerkvoorwaarden weer onder aan uw DevTools-venster.

U kunt ook in de rechterbovenhoek more_vert Meer opties > Meer tools > Netwerkvoorwaarden selecteren.

Overschrijf de user-agentreeks

Volg deze stappen om de user-agentreeks vanuit het paneel Netwerkvoorwaarden te overschrijven:

1. Open het paneel Netwerkvoorwaarden .

2. Schakel in de sectie Gebruikersagent het selectievakje Standaard browser gebruiken uit.

   

   Figuur 3 . Browserstandaard gebruiken uitschakelen

3. Selecteer een user-agentreeks uit de lijst of voer uw eigen aangepaste reeks in.

4. Vernieuw de pagina om de resultaten te bekijken.

Bewerk client-hints voor user-agents

In het paneel Netwerkvoorwaarden kunt u de User-Agent Client Hints van een geselecteerde user-agentreeks aanpassen.

Volg deze stappen om deze functie te gebruiken:

1. Selecteer een user-agentreeks uit de lijst of voer uw eigen aangepaste reeks in.

2. Klik op de vervolgkeuzelijst arrow_drop_down Gebruikersagentclienthints . Er verschijnt een formulier waarin de relevante waarden automatisch worden ingevuld.

   

   Figuur 4 . Het formulier User Agent Client Hints

3. Bewerk het formulier door op Verwijderen Verwijderen te klikken om items te verwijderen en op Merk toevoegen om toe te voegen aan de lijsten User Agent en Volledige versie .

4. Wanneer u klaar bent, klikt u op de knop Bijwerken onder aan het formulier.

5. Vernieuw de pagina om de resultaten te bekijken.

Verlaag de netwerksnelheid

Om de netwerksnelheid vanuit het paneel Netwerkvoorwaarden te beperken, klikt u op de lijst Netwerkbeperking en selecteert u vervolgens Snel 3G , Langzaam 3G of offline .

Figuur 5 . Lijst met netwerkbeperkingen in het paneel Netwerkvoorwaarden

Bovendien kunt u in het Netwerkpaneel op een vergelijkbare manier de netwerksnelheid beperken. Open gewoon het Netwerkpaneel en selecteer de gewenste snelheid in de lijst Throttle in de actiebalk.

Figuur 6 . Lijst met netwerkbeperkingen in het netwerkpaneel

U kunt ook het paneel Prestaties gebruiken om de netwerksnelheid te beperken. Open het paneel Prestaties, klik op Instellingen Instellingen en selecteer vervolgens Snel 3G of Langzaam 3G in de netwerklijst .

Figuur 7 . Lijst met netwerkbeperkingen in het paneel Prestaties

Stel uw eigen aangepaste netwerkbeperkingsparameters in door een netwerkbeperkingsprofiel te maken. Zie Throttling voor meer informatie.