«   Previous tip Next tip   »

Chrome DevTools: Change your user agent to a predefined one or a custom one

30th July 2020
Change your user agent to a predefined one or a custom one

Introduction

You can set a custom user agent in the Network Overrides Pane.

If for example, a website changes its behaviour based on the user agent (a practice still used across the web today), you can debug such behaviour by setting a custom user agent.

A screenshot showing how to set a custom user agent in DevTools

How to enable it

  1. Select Show Network Conditions in the Command Palette (use Cmd + Shift + P to open)
  2. Uncheck Select automatically in the User Agent section
  3. Enter your custom user agent / or select from the predefined list of user agents

Predefined list

In case you are interested, here's the current list of predefined user agent types you can select from.

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week