Веб-приложение для 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-коду: