【兼容性】Chrome浏览器模拟设置不同分辨率

1、起因

有时候软件系统UI的分辨率有特殊的要求（手机端的，或者是大屏幕显示器），通过浏览器查看的时候，需要设置相同的分辨率。

查看页面是否布局不符合要求

 

2、设置方法

点击浏览器右侧三个点-》更多工具-》开发者工具，或者F12直接打开

点击右上角设置

 点击设备

 点击添加自定义设备

 根据需求添加不同分辨率的设备

 

 3、例如我测试的时候需要关注的设备信息

 win10

 4k

 2k

 至于其他的，可以自行添加

 

4、使用方法

 这样就可以看到不同页面的显示了，可以省了

 

参考链接：

https://blog.csdn.net/cuckoo168/article/details/126165928