Я добавляю новые устройства в 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 Dev Tools «Добавить пользовательское устройство» в эмулируемых устройствах?
Аналогично,
1. Как мне преобразовать спецификации Apple, чтобы проверить правильность данных сайта «А»? Похоже, высота iPhone 11 на самом деле составляет 1792 пикселя (данные apple.com выше) по сравнению с сайтом «А» 414 пикселей, верно?
2. Откуда взялось «Соотношение пикселей устройства»? Это просто прямое преобразование с использованием ppi: 96 ppi == DPR 1?
3. Есть ли сайт / служба для go, чтобы получить список точных обновленных данных на современных устройствах для создания эмуляторов отключены?
Спасибо за вашу помощь заранее!