Как определять, если устройство направляемое?

В настоящее время я использую следующий код, чтобы обнаруживать размер экрана:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>
    <div id="FSAUX" style="height:1em;width:1em;left:100%;position:fixed;top:100%;"></div>
    <div id="CMAUX" style="height:1cm;width:1cm;left:100%;position:fixed;top:100%;"></div>

    <script type="text/javascript">
SCREEN = {
  FBS: document.getElementById( 'FSAUX' ).offsetWidth,
  CENTS: screen.width / document.getElementById( 'CMAUX' ).offsetWidth,
  CHARS: screen.width / document.getElementById( 'FSAUX' ).offsetWidth,
  WIDTH: screen.width
};

if( ( SCREEN.WIDTH < 800 ) ||
    ( SCREEN.CENTS < 10 ) ||
    ( SCREEN.CHARS < 80 ) ) {
  document.title = 'Pantalla pequeña';
} else {
  document.title = 'Pantalla grande';
}
    </script>
  </body>
</html>

Я устанавливаю минимальные размеры нескольких факторов: точки, сантиметры, и базовый размер шрифтов. В зависимости от предыдущего я загружаю одну или другую версию моего приложения. Как только была загружена версия, я не могу загружать другую. У них есть очень отличные интерфейсы и не осуществляют те же характеристики.

Проблема появляется в направляемых устройствах или girables. В зависимости от (горизонтальной / вертикальной) ориентации я получаю или другую стоимость экрана.

Это поддерживает, что я загрузил версию для маленьких экранов, когда в действительности пользователю было бы достаточно отправлять бы устройство, размещая это в горизонтальном, чтобы мочь использовать версию для больших экранов.

Я не хочу обнаружить браузер. Только мне интересно знать, или нет направляемым ли устройство.

Есть какой-то способ это подтверждать в Javascript? Предпочтительно чистый; Если будет требоваться какой-то книжный магазин, уже я буду искать в Вашем коде, как он это осуществляет.

7
задан 22.02.2017, 13:08
0 ответов