chrome浏览器模拟手机

起因：交付过程中，甲方手机种类参差不齐，如何复现他们口中的显示问题

Chrome F12 先打开手机模式，打开三个点show device frame(除了rulers,其他都开)，之后可直接修改上方的参数

参数解读，从左到右

1、手机型号：在设置（齿轮）的Devices中可选择展示的，默认15中机型，或直接点击下箭头中的edit
2、宽 = 屏幕物理像素/设备像素比
3、长 = 屏幕物理像素/设备像素比
4、显示比例
5、设备像素比：160ppi是一个标准像素
6、设备种类：Mobile、Desktop

以下两个值可以查到（手机官方介绍，或者百度手机参数）：P30为例
分辨率：2340x1080
像素密度：422PPI

以下的值需要计算：
设备像素比 = 422PPI/160PPI ≈ 2.63
宽 = 屏幕物理像素/设备像素比 = 2340/2.63 ≈ 410
长 = 屏幕物理像素/设备像素比 = 1080/2.63 ≈ 890

__EOF__

本文作者：土豆笔记
本文链接：https://www.cnblogs.com/suzhitester/p/15656934.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！