检测视口方向，如果方向为纵向，则显示警报消息，向用户提供说明建议

我正在建立一个专门针对移动设备的网站。特别是有一个页面最好以横向模式查看。

有没有办法检测访问该页面的用户是否以纵向模式查看它，如果是，则显示一条消息，通知用户该页面最好以横向模式查看？如果用户已经在横向模式下查看它，则不会出现任何消​​息。

所以基本上，我希望网站能够检测视口方向，如果方向是Portrait，然后显示一条警告消息，告知用户此页面的最佳查看方式是景观 mode.

if(window.innerHeight > window.innerWidth){
    alert("Please use Landscape!");
}

jQuery Mobile 有一个事件可以处理此属性的更改...如果您想在稍后有人轮换时发出警告 -orientationchange http://jquerymobile.com/demos/1.0a2/#docs/api/events.html

另外，经过一番谷歌搜索后，查看window.orientation（我相信这是用度来衡量的......）

EDIT：在移动设备上，如果打开键盘那么上面的操作可能会失败，所以可以使用screen.availHeight and screen.availWidth，即使在键盘打开后也能提供适当的高度和宽度。

if(screen.availHeight > screen.availWidth){
    alert("Please use Landscape!");
}