Я использовал .js
, чтобы избежать альбомной ориентации с мобильного устройства. Я отредактировал белое полноэкранное изображение с надписью «Считается, что этот сайт не просматривается в ландшафтном режиме, пожалуйста, переверните ваше устройство», чтобы оно показывалось каждый раз, когда я поворачиваю свое устройство из портретного режима в ландшафтный. Это работает, за исключением случаев, когда я загружаю страницу и уже нахожусь в ландшафтном режиме. Любая идея о том, как это исправить? Спасибо
<script>
(function() {
'use strict';
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i);
},
any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}
};
if (isMobile.any()) {
doOnOrientationChange();
window.addEventListener('resize', doOnOrientationChange, 'false');
}
function doOnOrientationChange() {
var a = document.getElementById('alert');
var b = document.body;
var w = b.offsetWidth;
var h = b.offsetHeight;
(w / h > 1) ? (a.className = 'show', b.className = 'full-body') : (a.className = 'hide', b.className = '');
}
})();
</script>
Обновление:
Я пытался добавить в скрипт window.orientation, но что-то пошло не так.
if (orientation === "landscape-primary") {
doOnOrientationChange();
window.addEventListener('resize',doOnOrientationChange,'false');
}
window.onload(doOnOrientationChange());
onload
? - person koljanep   schedule 01.06.2015window.orientation
developer.mozilla.org/en-US/docs /Web/API/Screen/orientation, если это значение изначально горизонтальное, вызовите свой методdoOnOrientationChange()
- person mpallansch   schedule 01.06.2015window.onload(doOnOrientationChange());
вне вашей функции - person koljanep   schedule 01.06.2015window.onload(doOnOrientationChange());
(я загрузил вопрос с этой строкой), но это все равно не работает!@ koljanep
- person Luigi   schedule 01.06.2015