Как сделать, чтобы сайт определял, с какого устройства на него заходят?

Question

[Александр Коновалов]

Как сделать, чтобы, если пользователь заходит на сайт с iPhone, то загружается css-код, в котором сайт адаптирован под iPhone?

Answer 1

[Максим Тимофеев]

Обратите еще внимание на bootstrap
Он даст возможность включать и выключать те или иные блоки в зависимости от user-agent.
Это удобнее и правильнее, чем делать отдельный дизайн.

Comments

[twixoff]

Простите, а в каком месте бутстрап читает user-agent?

[Максим Тимофеев]

getbootstrap.com/css/#overview-mobile

[twixoff]

@webinar Там ни слова про user-agent.
Бутстрап использует media-query для таких целей и он не определяет устройство, а основывается на размерах экрана.

Answer 2

[Вячеслав]

var userDevice = navigator.userAgent.match(/iPad|iPhone);
  if (userDevice) {
      //код для айфонов
       } else {
      //для других устройств
  }

Answer 3

[twixoff]

Смотреть строку user-agent.