首頁(yè) 猿問(wèn) 檢測(cè)視口方向，如果方位是肖像顯示警...

檢測(cè)視口方向，如果方位是肖像顯示警告信息，通知用戶指示

JavaScript

紅顏莎娜 2019-07-26 15:14:57

檢測(cè)視口方向，如果方位是肖像顯示警告信息，通知用戶指示我正在建設(shè)一個(gè)專門為移動(dòng)設(shè)備的網(wǎng)站。有一個(gè)頁(yè)面，特別是在景觀模式最好觀看。是否有一種方法可以檢測(cè)訪問(wèn)該頁(yè)面的用戶是否正在以肖像模式查看該頁(yè)面，如果是的話，則顯示一條消息，通知用戶頁(yè)面最好是在景觀模式下查看？如果用戶已經(jīng)在景觀模式下查看它，則不會(huì)出現(xiàn)任何消息。因此，基本上，我希望站點(diǎn)檢測(cè)到視口方向，如果方向是肖像畫，然后顯示一條警告消息，通知用戶此頁(yè)最好在景物模式

查看完整描述

3 回答

呼如林

TA貢獻(xiàn)1798條經(jīng)驗(yàn) 獲得超3個(gè)贊

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

jQueryMobile有一個(gè)處理此屬性更改的事件.如果你想警告，如果有人稍后旋轉(zhuǎn)-orientationchange

另外，在谷歌搜索之后，查看一下window.orientation(我相信以度來(lái)衡量.)

反對(duì) 回復(fù) 2019-07-27

aluckdog

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊

您也可以使用window.matchMedia，因?yàn)樗cCSS語(yǔ)法非常相似，所以我使用并更喜歡它：

if (window.matchMedia("(orientation: portrait)").matches) {
   // you're in PORTRAIT mode}if (window.matchMedia("(orientation: landscape)").matches) {
   // you're in LANDSCAPE mode}

在iPad 2上測(cè)試。

反對(duì) 回復(fù) 2019-07-27