如何获取 Chrome 的 Devtools 模拟设备的移动规格？答案

【问题标题】：How to Get Mobile Specs for Chromes's Dev Tools Emulated Devices?如何获取 Chrome 的 Devtools 模拟设备的移动规格？
【发布时间】：2020-08-08 00:51:20
【问题描述】：

我正在向 Chrome 的开发工具模拟区域添加新设备，但我不知道在哪里输入设备规格。

例如，我想添加要模拟的 iPhone 11 设备。 Google 将我带到了一个网站，该网站提供以下 iPhone 11 数据，以便在“添加自定义设备”表单中输入：

[站点“A”]

Width: 414 px
Height: 896 px
Device Pixel Ratio: 2
Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Mobile/15E148 Safari/604.1

不过，Apple 网站上有以下 iPhone 11 规格：

[Apple.com]

Width: 2.98 in 
Height: 5.94 in 

And gives a pixel resolution as: 1792‑by‑828‑pixel resolution at 326 ppi

如果我想添加此设备，我如何才能获得正确的信息以添加到模拟设备中 Chrome 的开发工具“添加自定义设备”部分？

同样，

1. 如何转换 Apple 的规格以验证站点“A”的数据是否正确？看起来 iPhone 11 的高度实际上是 1792 像素（上面的 apple.com 数据），而站点“A”的高度是 414 像素，对吗？

2.“设备像素比”从何而来？它只是使用 ppi 的直接转换：96 ppi == DPR of 1？

3. 是否有网站/服务可以获取现代设备上准确的更新数据列表以创建模拟器？

站点“A”=https://www.danhendricks.com/2018/04/adding-iphone-galaxy-chrome-mobile-emulated-devices/
Screensiz.ses 和 mydevice.io 已过时

提前感谢您的帮助！

【问题讨论】：

标签： iphone testing google-chrome-devtools

【解决方案1】：

我已经找到https://pixplicity.com/dp-px-converter 进行转换。

1. 你混淆了高度和宽度。高度 1792 px = 896.00 sp（与比例无关的像素），宽度 828 px = 414 sp。

2. 这个公式中的幻数似乎是 160（如果有人知道这是从哪里来的，请解释一下）您可以使用以下公式获得 DPR：DPR = DPI/160。

3.据我所知，没有任何网站可以为您完成所有这些计算，但使用https://pixplicity.com/dp-px-converter，您可以相当轻松地自己完成。

【讨论】：