2013-10-28 3 views
0

오늘은 내가 화면 크기를 통해 모바일 장치를 검색하기 위해 내 웹 사이트의 헤드 섹션에 코드를 추가, 코드는 다음과 같습니다모바일 장치 탐지 문제가

<script type="text/javascript"> 
if (screen.width <= 699) {document.location = "http://m.mywebsite.com";} 
</script> 

그것은 나를 위해 잘 작동하지만, 지금 문제는 내가로 리디렉션하고 때이다 웹 사이트의 모바일 버전, 나는 사이트의 데스크톱 버전으로 이동 링크가 있어요. 내가 쳤을 때 데스크톱 버전으로 리디렉션 된 다음 즉시 모바일 사이트로 리디렉션되었습니다. 그 이유는 모바일 웹 사이트 감지 때문입니다! :-) 그것은 끝이없는 원이다. 이 문제를 해결하는 방법?

+1

전체 웹 사이트를 보려면 링크를 클릭했는지 확인하기 위해 일종의 쿠키를 설정해야합니다. 왜 당신은 .htaccess 나 PHP 헤더를 통해서가 아니라 이런 식으로하고 있습니까? – putvande

+0

내가 js를 사용하는 유일한 이유는 그것이 가장 쉬운 방법이라고 생각한다는 것입니다. –

+0

가장 쉬운 방법 일지 모르지만 그것은 (서재응과 성능을 위해) – putvande

답변

0

모바일 장치를 감지하는 데 화면 크기가 적합하지 않을 수 있습니다. http://wurfl.io/을보고 유용한 지 확인하십시오. 네, 루핑을 피하기 위해 쿠키 또는 로컬 스토리지가 필요합니다.

0

화면 크기만으로는 충분하지 않습니다. 사실 많은 현대의 스마트 폰은 800 픽셀 너비 이상의 스크린을 가지고 있습니다. 그리고 태블릿, 스마트 TV, 콘솔 및 전자 독자도 갖게됩니다. 가장 좋은 방법은 과 같은 기존 솔루션을 사용하는 것입니다.

설정하기 쉽고 데이터베이스는 정기적으로 새 장치로 업데이트됩니다. 서버에서 탐지가 이루어 지므로 사용자의 페이지로드 시간이 향상됩니다. 또한 모바일 페이지로 리디렉션 할 때 image optimiser을 사용하여 이미지 크기 조정을 처리 할 수 ​​있습니다.

PHP 탐지기를 손쉽게 4 단계로 설정하려면 PHP Getting Started을 방문하십시오.