Notice
Recent Posts
Recent Comments
Link
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Archives
Today
Total
관리 메뉴

web sprit

[JavaScript] PC, Mobile 디바이스 구분하기. 본문

스크립트/JavaScript

[JavaScript] PC, Mobile 디바이스 구분하기.

커드만 2018. 10. 25. 15:57

스크립트로 pc와 mobile를 구분하여 

어떤 환경이냐에 따라 다르게 적용하기위해 

검색 중 Navigator을 사용하여 접속환경을 구분할 수 있었다.


다음과 같은 조건문을 적용하여 환경을 구분한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function device_check() {
    // 디바이스 종류 설정
    var pc_device = "win16|win32|win64|mac|macintel";
 
    // 접속한 디바이스 환경
    var this_device = navigator.platform;
 
    if ( this_device ) {
 
        if ( pc_device.indexOf(navigator.platform.toLowerCase()) < 0 ) {
            console.log('MOBILE');
        } else {
            console.log('PC');
        }
 
    }
}
cs


위의 device_check 함수을 

직접 또는 onclick으로 호출하여 디바이스를 구분합니다.

나머지 if 문 안에 각 디바이스 접속환경에 따라 스크립트를 작성하면 되겠죠? ㅎ


더 좋은 방법 또는 다른 참고사항이 있으면 공감 및 덧글 부탁 드립니다.

Comments