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

2023-04-27,,

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:

    Select Edit from the Responsive drop-down menu.
    Select Add custom device.
    Give the device a unique name in the Device name field.
    Fill in the fields for Width, Height, Device pixel ratio and User agent string.
    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

[Tools] Create your own mobile emulator device by using Chrome dev tool的相关教程结束。

《[Tools] Create your own mobile emulator device by using Chrome dev tool.doc》

下载本文的Word格式文档,以方便收藏与打印。