Как управлять ориентацией экрана для веб-приложения Android / iPhone - PullRequest
Новая
       35

Как управлять ориентацией экрана для веб-приложения Android / iPhone

1 голос
/ 28 июня 2011

Я занимаюсь созданием веб-приложения для смартфонов, устройств Android и iPhone. Но я подумал, что было бы лучше, если бы веб-приложение допускало только книжную ориентацию экрана, поэтому независимо от того, каким образом пользователь держит свой телефон, оно всегда будет оставаться в портретном режиме.

Итак, в основном я хочу знать, как сделать так, чтобы экран всегда оставался портретным для Android и iPhone, используя JavaScript, метатеги HTML, CSS или PHP?

1 Ответ

0 голосов
/ 28 июня 2011

Вы можете прочитать свойства "size", "width", а иногда и "direction" объекта окна. Настройте прослушиватель событий на запуск события javascript, когда происходит событие «resize».

Насколько я знаю, вы не можете контролировать вращение.

Вот демо: (Я разместил его на своей веб-странице, http://douglassims.org/rotation.html)

<head>

  <script>

  function checkRotation() {document.getElementById('orientationlabel').innerHTML='Orientation: ' + window.orientation + ' Width: ' + screen.width + ' Height: '+screen.height;} 
  function load() {window.addEventListener('resize', checkRotation, false);}
  </script>

</head>

<body onload='load();'>
  <center>
  <h2 id=orientationlabel>Nothing yet</h2>

</body>
...