Jak sprawdzić, czy ipad jest w trybie poziomym/pionowym w javascript/jquery?

Chcę dodać dodatkowy div, jeśli iPad jest w trybie poziomym. Czy jest jakaś instrukcja if, która mogłaby to znaleźć?Jak sprawdzić, czy ipad jest w trybie poziomym/pionowym w javascript/jquery?

Dzięki

Źródło

2010-08-16 cat

jQTouch sprawdza go tak:

orientation = Math.abs(window.orientation) == 90 ? 'landscape' : 'portrait';

http://github.com/senchalabs/jQTouch/blob/master/jqtouch/jqtouch.js

Można również słuchać onorientationchange wydarzenia

Zobacz poprzedni odpowiedź: Detect rotation of Android phone in the browser with JavaScript

Źródło

2010-08-16 19:31:06 edtechdev

Możesz zrobić prosty czek na szerokość dokumentu.

$(window).width();

Można ustawić go do zmiennej, a następnie sprawdzić zmienną przeciw natywnej rozdzielczości iPada: 768px x 1024px w układzie pionowym.

Źródło

2010-08-16 17:44:32 MoDFoX

To dobry pomysł, postaram się powiedzieć, jak poszło! – cat

To jak na razie działa świetnie, dziękuję! – cat

Doskonale! Cieszę się, że mogłem pomóc. – MoDFoX

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Rotation Test</title> 
    <link type="text/css" href="css/style.css" rel="stylesheet"></style> 
    <script src="js/jquery-1.5.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     window.addEventListener("resize", function() { 
      // Get screen size (inner/outerWidth, inner/outerHeight) 
      var height = $(window).height(); 
      var width = $(window).width(); 

      if(width>height) { 
       // Landscape 
       $("#mode").text("LANDSCAPE"); 
      } else { 
       // Portrait 
       $("#mode").text("PORTRAIT"); 
      } 
     }, false); 

    </script> 
</head> 
<body onorientationchange="updateOrientation();"> 
    <div id="mode">LANDSCAPE</div> 
</body> 
</html>

Źródło

2015-01-08 14:26:54

można spróbować rozwiązania , kompatybilny ze wszystkimi brwiami er.

Poniżej orientationchange kompatybilność pic: dlatego, że autor się orientaionchange PolyFill, to jest na podstawie atrybutów @media naprawić orientationChange narzędzia library-- orientationchange-fix

window.addEventListener('orientationchange', function(){ 
if(window.neworientation.current === 'portrait|landscape'){ 
    // do something…… 
} else { 
    // do something…… 
} 
}, false);

a następnie można odzyskać obecny stan orientacji przez window.neworientation.current i początkowy stan orientacji przez window.neworientation.init.

Źródło

2016-09-13 09:52:43 Zhansingsong

Jak sprawdzić, czy ipad jest w trybie poziomym/pionowym w javascript/jquery?

Odpowiedz

Powiązane problemy