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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM