当前位置: 首页 > news >正文

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

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

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

分辨率:3200px × 1440px

像素密度:526PPI

尺寸:6.67英寸

2.计算逻辑分辨率:

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

526 / 160 = 3.2875

逻辑宽度:w / dp = 1440 / 3.2875 ≈ 438;

逻辑高度:h / dp = 3200 / 3.2875 ≈ 973;

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

image

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

image

 

参考:

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

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

http://www.jsqmd.com/news/59254/

相关文章:

  • C# 实现贪吃蛇游戏
  • 2025年全屋定制厂家推荐:十大全屋整装定制公司深度解析
  • 2025年十大广州定制猪油加工的先进企业排行榜,新测评精选猪
  • 2025年国内服务不错的GEO企业十大推荐,看看哪家实力强
  • 2025年12月七款厨余处理器硬核横评:专治中餐重油硬骨,实测哪款真省心?
  • 2025年12月上海离婚纠纷律师排行推荐:五家专业律师客观对比与选择指南
  • QWeakPointer
  • 2025年12月上海离婚纠纷律师推荐排行榜:专业能力、服务范围与用户评价对比分析
  • 2025烟台口碑好的短视频拍摄运营公司推荐
  • 基于MATLAB的CNN脑机接口P300模型实现方案
  • 2024锅炉消音器TOP厂家排名:连云港双雄凭什么领跑行业?
  • 数据防泄漏的核心理念
  • 智能花灯品牌推荐排行,大型花灯/定制花灯/大型户外花灯/花灯灯展/生肖花灯/巡游花灯/创意花灯/华景花灯/国潮花灯花灯制作厂家哪家好
  • 2025年12月上海离婚律所综合对比与推荐排行:五家专业机构深度解析与选择指南
  • 2025西北工业大学计算机考研复试机试真题
  • 2025西北大学计算机考研复试机试真题
  • 2025西安交通大学计算机考研复试机试真题
  • 2025西安电子科技大学计算机考研复试机试真题
  • 2025武汉大学计算机考研复试机试真题
  • WTAPI微信社群管理开发:全场景自动化运营方案
  • 2025北京大学计算机考研复试机试真题
  • 2025年口碑好的防伪企业推荐,防伪制造厂选哪家好?
  • 2025年欧式古典高端家具TOP10权威榜:谁更懂宫廷气质与豪宅生活
  • 一维小波变换信号去噪方法详解与实现
  • 从0开始重新学python+neo4j之环境搭建、虚拟机创建
  • [蚂蚁] 素体 第2节
  • Spug自动化部署工具的搭建与应用(Java部署)
  • 我真没招了-冲刺总结
  • linux找不到日志怎么办
  • PlantUML