[Tools] Create your own mobile emulator device by using Chrome dev tool

Posted 2020-10-24 Answer1215

Using the New Device Emulation Interface

The Device Emulation interface changed a bit with the newer version of Chrome Dev Tools. Here are the instructions for emulating the required device characteristics in the new UI:

1. Select Edit from the Responsive drop-down menu.
2. Select Add custom device.
3. Give the device a unique name in the Device name field.
4. Fill in the fields for Width, Height, Device pixel ratio and User agent string.
5. Select Add.

Here is the user-agent:

Mozilla/5.0 (Linux; android 5.0; Nexus 6 Build/XXX00x) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/39.0.2171.59 Mobile Safari/537.36