모바일 단말 풍경 분석

장면을 사용하여 사용자의 휴대 전화 화면의 가로, 팝업 프롬프트가 금지를 클릭하면, 사용자의 휴대 전화를 확인

방법 :

코드가 각 페이지가 발견 될 수 있도록 보장하는 입구 또는 main.js 된 index.html 파일에서 결정되지만 글로벌 마스크 층을 추가하는, 유입하는 index.js 파일을 추가 할 수있다

index.html을함으로써

    <스타일> 
      .pop { 
        총수 : 절대; 
        최고 : 0 ; 
        왼쪽 : 0 ; 
        폭 : 100 % ; 
        신장 : 100 % ; 
        배경 : RGBA ( 0 , 0 , 0 ., 7 ); 
        Z -index : 8888 ; 
      } 
      .pop 스팬 { 
        총수 : 절대; 
        폭 : 100 % ; 
        좌측 : 50 % ; 
        최고 : 50% ; 
        마진 : 자동; 
        색상 : #fff; 
        글꼴 - 크기 : 32px; 
        텍스트 - 정렬 : 센터; 
        변환 : 변환 ( - (50) % - (50) % ); 
      }
     </ 스타일> 
  </ 머리> 
  <BODY> 
    <DIV ID = " 응용 프로그램 " >는 </ DIV> 
    <DIV 클래스 = " 팝업 " ID = " 팝업 " 스타일 = " 표시 : 없음; " > <SPAN> 수직 화면을 조정하는 전화를 개최 경험을 더 나은하기 위해! </ SPAN> <
    <! - 내장 된 파일은 자동으로 주입 될 것 -> 
  </ BODY>

  <script>
     // 이동 장치를 회전하는 수평 스크린 프롬프트를 수행 
    window.onorientationchange = 함수 () {
       IF (window.orientation의 == 90 || window.orientation == - 90 ) { 
        document.getElementById를 ( " POP " ). . = style.display를 ' 블록 ' ; 
      } 다른 { 
        document.getElementById를 ( " POP " ) .style.display = ' 없음 ' ; 
      } 
    } 

    // 리프레시 시간 판정
     IF (window.orientation의 == 90|| window.orientation == - 90 ) { 
      document.getElementById를 ( " 팝업 " ) .style.display = ' 블록 ' ; 
    } 다른 { 
      document.getElementById를은 ( " 팝업 " .style.display =) ' 없음 ' ; 
    }

   </ SCRIPT>

단지 팝업 팁 경우 main.js의 분석에 검출 할 수

//  // 수평 화면 프롬프트 
window.addEventListener (
    ' onorientationchange을 '  에 창? ' 위해서 orientationchange ' : ' 크기 조정의 ' , 
   기능 () { 
     IF (window.orientation === 90 || window.orientation === - 90 ) {
        // 뷰 $의 vux.toast.text ( '수평 화면 페이지는 우리가 수직 화면 조작을 추천 비정상적인 발생할 수 있습니다!', '중간'). 
       뷰 $의 vux.alert.show을 ({. 
        제목 : '' , 
         내용 : ' 당신을 위해 더 나은 경험을, 수직 화면을 조정하기 위해 전화를 개최 <BR/>! ' 
       }) 
     } 
     //window.location.reload (); 
  }, 거짓 )