蘋果網絡應用程序狀態欄檢測縱向或橫向不起作用

我正在使用此條件檢測ios設備的縱向或橫向。但它不起作用。可能是什麼問題？蘋果網絡應用程序狀態欄檢測縱向或橫向不起作用

if (navigator.standalone) { 
    var windowHeight = $(window).height(); 
    var windowWidth = $(window).width(); 

     if(windowWidth>windowHeight) { 
      $('body').css('border','0'); 
     }else{ 
      $('body').css('border-top','20px solid #c23c2f'); 
     } 
}

的（WINDOWWIDTH> WINDOWHEIGHT）似乎不工作，因爲它只能在頁面的第一負載，如果用戶使用的景觀爲默認值，那麼當傾斜肖像，條件不滿足。

來源

2015-08-26 kgam

何時執行此代碼？

你應該聽的orientationchange事件，然後執行代碼

參考：https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

參考添加事件監聽器是這樣的：

<body onorientationchange="updateOrientation();">

，但你可以用它添加jquery以及你可以確定屏幕的方向window.orientation如果你不想做數學，或其不可靠

來源

2015-08-26 12:01:08 BobbyTables

當您在iPhone上將該網站安裝爲Web應用程序時，將執行此操作。「添加到主屏幕」 – kgam

好了，然後使用我的回覆中所述的事件 – BobbyTables

蘋果網絡應用程序狀態欄檢測縱向或橫向不起作用

回答

相關問題