1. 打开chrome,F12,切换到手机模式,手机类型下拉列表,选择Edit

    image.png

    **

    1. 进入SettingS,选择Add custom device

    image.png

    **

    1. 输入Device name,例如 xiaomi note
    2. 输入手机分辨率的width、height,例如540、960(这里可能会问为什么,因为涉及到设备像比,如果像素比是’2’,19201080分辨率的手机,在这里widthheight就要输入540*960 )
    3. 输入Device pixel ratio(设备像素比),一般是输入2
    4. 输入User agent string,简单的方法是打开手机某浏览器,在地址栏输入javascript:alert(navigator.userAgent),弹出user agent string,再手敲到模拟器user agent string 输入框中或者百度一下:各种手机浏览器User-Agent信息

    image.png

    (User Agent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分,User Agent也简称UA。它是一个特殊字符串头,是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标识,用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计;例如用手机访问谷歌和电脑访问是不一样的,这些是谷歌根据访问者的UA来判断的。UA可以进行伪装。 (wiki))

    本文参考链接:https://blog.csdn.net/bing_gan/article/details/52809013
    手机浏览器User-Agent信息参考:https://blog.csdn.net/ccclll1990/article/details/17006159