Обнаружение iPhone Xr и iPhone Xs в JavaScript

Question

У меня есть javascript для определения размера экрана, операционной системы и чипа внутри iPhone.

Например: Mozilla / 5.0 (iPhone; процессор iPhone OS 11_4, как Mac OS X) available_resolution = 667 375 Apple Inc. ~ Apple A11 GPU

Проблема, однако, в том, что iPhone Xs Max и iPhone Xr имеют то же разрешение, что и я, ту же ОС или чип Apple. Итак, как я могу увидеть разницу между iPhone Xs Max и iPhone Xr.

Answer 1

try window.devicePixelRatio - я протестировал два устройства в стеке браузера, и XS Max вернул 3, а XR вернул 2

в моем приложении я использую его вот так

if (window.devicePixelRatio === 3 && screen.height === 896) {
  // is iphone XS Max
}