모바일 장치 감지 및 라이트 박스 표시

Question

내 문제 : 모바일 장치를 감지하고 사이트의 일부 정보와 함께 페이지로드시 표시 등을 표시하려면 어떻게해야합니까? 감사합니다.

Answer 1

자바 스크립트를 사용하면 감지 할 수있는 모바일 브라우저 : 여기

<script> 

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 
    //the code to display the light-box goes here... 
} 

</script> 

Answer 2

당신을 위해 핸드폰/정제/데스크탑을 감지 한 아주 좋은 및 전체 PHP 라이브러리를 찾을 수 있습니다 :

https://github.com/serbanghita/Mobile-Detect

을 독립 실행 형 파일 라이브러리와 Namespaced 라이브러리가 있습니다. 선택 사항은 무엇을 사용해야하는지입니다.

Answer 3

사용자가 서버에서 자원을 요청하면 해당 사용자는 자신에 대한 정보를 전달합니다. PHP에서이 정보를 사용하려면 $_SERVER super 전역 변수를 통해 액세스 할 수 있습니다. 거기에서 원하는 정보로 html 문서를 채울 수 있습니다.

당신은 내가 건너 온이 일에 당신을 도울 수있는 PHP 라이브러리를 사용하려면

는 또한 자바 스크립트에서 모든 일에 보일 수 있습니다

https://github.com/serbanghita/Mobile-Detect

입니다. 그것은 전적으로 귀하의 필요에 달려 있습니다.

Answer 4

미디어 쿼리를 사용할 때 무슨 문제가 있습니까?

브라우저 너비가 800px보다 작은 경우 상자가 표시됩니다. 사용자 에이전트를 확인하지 마십시오. 사용자가 스마트 폰의 페이스 북 브라우저에서 사이트를 여는 경우 어떻게됩니까? 사용자 에이전트를 검사하면 100 % 절약 할 수 없으므로하지 마십시오.)

.info-box { 
    display:none; 
} 

@media (max-width: 800px) { 
    .info-box { 
     display: block; 
    } 
}