Javascript/jQuery는 태블릿에서 모바일을 감지합니다.

Question

그래서 이것이 가능하거나 가능하지 않은 경우 다른 사람들이 시도하고 식별 할 수있는 작업이 있다면이를 해결하기 위해 노력하고 있습니다.

태블릿 컴퓨터는 허용하지만 휴대 전화는 허용하지 않는 방법이 필요합니다. 여기에는 UserAgent을 사용하여 휴대 기기 또는 태블릿을 그룹으로 묶어 놓을 수있는 대부분의 문제가 있지만 안드로이드 태블릿과 휴대 전화는 모두 일치합니다. 휴대 기기 또는 태블릿에서 어떻게 감지 할 수 있습니까?

그래서 내가 다른 장치 인터페이스의

if(!isMobile() || isMobile() && isTablet()){ 
    // allow the system to load and work 
}else{ 
    // Display notice system does not support mobiles currently. 
} 

사진 같은 것을 할 수있는 일 이 내 노트북에 은 괜찮아요 (1080P)이 내 표면에 (3000x2000 필요)

참고 : 답변을 제공 할 때까지 화면 크기를 사용하지 않았지만 추가로 생각하면 화면 크기를 화면으로 사용할 수 없습니다. n 크기 감지가 올바르게 가능하지 않습니다.

내 기본 질문은 태블릿과 모바일의 차이점을 얻을 수 있습니다.

Answer 1

휴대 전화는 여러면에서 작은 크기의 태블릿입니다. 또는 태블릿은 단지 대형 휴대 전화입니다. 따라서 임의적 인 카테고리에 집중하는 것이 아니라 휴대 전화를 지원하지 못하도록하는 것에 집중하십시오.

화면 크기에 문제가있는 경우 화면 크기를 감지하십시오.

연결 속도에 문제가있는 경우 연결 속도   —을 감지하거나 사용자가 충분히 빠른 속도를 판단하게하십시오.

등

나는이 두 가지 기능 같은 isTouch에 isTablet를 변경하고 사용하는 것이 좋습니다 것입니다

Answer 2

:

function isTouch() { 
 
    return ('ontouchend' in window)? 'true' : 'false'; 
 
} 
 
function isMobile() { 
 
    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm(os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)) { 
 
    return true; 
 
    } 
 
    return false; 
 
} 
 
function hasRequiredResolution(required_res) { 
 
    return (window.screen.height * window.screen.width) >= required_res; 
 
}

업데이트 : 나는 true를 반환하는 방법을 추가 한 또는 연결 클라이언트가 원하는 해상도를 가지고 있는지 여부에 따라 false입니다. 이렇게하면 대상으로 지정할 클라이언트를 식별 할 수 있습니다.