我正在向 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 有以下规范:
【苹果网】
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. 是否有站点/服务可以在现代设备上获取准确的更新数据列表以创建模拟器？
提前感谢您的帮助!
最佳答案
我找到了 https://pixplicity.com/dp-px-converter进行转换。
1. 您正在混淆高度和宽度。高度 1792 px = 896.00 sp(与比例无关的像素)和宽度 828 px = 414 sp。
2. 这个公式中的魔数(Magic Number)好像是160(如果有人知道这是从哪里来的，请解释一下)你可以用这个公式得到DPR:DPR = DPI/160。
3. 我所知道的任何网站都没有为您完成所有这些计算，但使用 https://pixplicity.com/dp-px-converter你可以很容易地自己做。
关于iphone - 如何获取 Chromes 的开发工具模拟设备的移动规范？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61408524/