Как узнать операционную систему и тип устройства клиента?

Question

[Lyashko]

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

@media(width) для опр. типа не подходит

Comments

[sim3x]

Зачем?

Если такое необходимо, такую верстку лучше выбросить

[Lyashko]

sim3x, для кнопки с подарочныйм инвайтом, только для маководов

Answer 1

[eustatos]

ClientJS

Установка:
npm install clientjs
или скопировать и подключить client.min.js

<!-- Подключение jQuery -->
<script src="https://yastatic.net/jquery/3.1.1/jquery.min.js"></script>
<!-- Подключение ClientJS -->
<script src="<path to client.min.js>"></script>

После этого добавить на странице:

<script>
var client = new ClientJS();
$('body').addClass(client.getOS());
if (client.getDevice() != 'undefined') {
  $('body').addClass(client.getDevice());
}
</script>