Chrome谷歌浏览器如何添加仿真设备及参数设置？

前端开发中，有些新设备需要考虑到兼容性问题，但浏览器中没有此设备及参数，如何新增并设置？

1.获取到某设备的以下参数：分辨率（Resolution），像素密度（PPI），尺寸(Size)，以Redmi K80 Pro为例：

分辨率：3200px × 1440px

像素密度：526PPI

尺寸：6.67英寸

2.计算逻辑分辨率：

公式：1dp = (当前PPI / 160) × px 

dp = 526 / 160 = 3.2875

逻辑宽度：w / dp = 1440 / 3.2875 ≈ 438；

逻辑高度：h / dp = 3200 / 3.2875 ≈ 973；

3.将以上逻辑宽高及dp值，填入谷歌浏览器仿真即可：

 4.调用该设备调试时，只需在设备列表中切换即可：

 

参考：

1.https://blog.csdn.net/a156899384/article/details/122118194

2.https://www.cnblogs.com/suzhitester/p/15656934.html