20 августа 2010 г.

Веб-приложение для iPhone (ориентация и определение устройства)

Рассмотрим несколько простых трюков в на java-script которые помогут определить, что этот java-script запущен на iУстройстве а так-же подписаться на событие изменения положения устройства.

Строка navigator.appVersion дает много полезной информации о браузере в котором выполняется java-script. Можно например так узнать, выполняемся ли мы на iPhone:

  1. if (navigator.appVersion.indexOf('iPhone OS ') >= 0)
  2. {
  3. // this iPhone
  4. }

так же, браузер вызывает каждый раз при изменении ориентации устройства метод window.onorientationchange, ее можно легко переопределись:

  1. window.onorientationchange = function ()
  2. {
  3. switch ( window.orientation )
  4. {
  5. case 0:
  6. case 180:
  7. // portrait mode
  8. break;
  9. case -90:
  10. case 90:
  11. // landscape mode
  12. break;
  13. }
  14. };

еще переменная window.navigator.standalone указывает на то, запущено наше приложение в браузере или установлено как отдельное приложение.

как-то сухо все получилось, я учусь.
Пример доступен по классической ссылке, либо по qr-коду:

Комментариев нет:

Отправить комментарий