기본 콘텐츠로 건너뛰기

개발 공부 - 자바스크립트로 운영체제, 브라우저 구별하기 (navigator.userAgent 사용)

 Navigator 객체는 브라우저 종류, 버전 등에 대한 정보를 제공한다.
Netscape Navigator 브라우저로부터 온 객체 이름이며, IE에서는 커스텀화 된 함수도 제공하지만 이걸 쓰는 목적이 크로스 브라우징을 위한 것이므로 생략한다.

navigator 프로퍼티 정보 중 userAgent는 브라우저가 User-Agent Http 헤더에 넣어 전송하는 문자열이다.
이는 appName과 appVersion 등의 모든 정보를 포함하며, 더 자세한 정보는 추가적으로 담고 있다.
이 정보는 표준화된 서식이 없어서 브라우저 특성에 따라 파싱해줘야 한다.

이 정보 중 Mozilla/version의 뜻은 Netscape 브라우저 버전과 호환 가능하다는 의미로 넣은 것이라고 한다.

리눅스에서는 세부 OS 정보가 Firefox(우분투에서는 기본 브라우저)에서만 식별 가능하다.
크롬이나 오페라 같은 경우에는 나오지 않는다고 한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var userAgent=navigator.userAgent.toLowerCase();
var browser;
if(userAgent.indexOf('edge')>-1){
    browser='EDGE';
}else if(userAgent.indexOf('whale')>-1){
    browser='NAVER Whale';
}else if(userAgent.indexOf('chrome')>-1){
    browser='CHrome';
}else if(userAgent.indexOf('firefox')>-1){
    browser='Firefox';
}else{
    browser='IE';
}
//indexof 함수를 이용해서 포함된 정보를 검색한다.
cs

맨 밑의 참조한 사이트에서 보여주는 예제 처럼 이런 식으로 사용한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
try{
    var ua = navigator.userAgent;
        userAgent = ua.toUpperCase();
    return userAgent = 
        NT 5.1 : windows XP
        NT 6.1 : windows vista
        NT 6.1 : windows 7
        NT 6.2 : windows 8
        NT 6.3 : windows 8.1
        NT 10.0 : windows 10
        IPAD : IOS
        ANDROID : Android
        BLACKBERRY : BlackBerry
        MAC : MAC
        SYMBIAN : Symbian (노키아)
        UBUNTU : 86_64가 있을 때 (UBUNTU64), 아닐 때 (UBUNTU32)
        FEDORA : 86_64가 있을 때 (FEDORA64), 아닐 때 (FEDORA32)
        LINUX : 86_64가 있을 때 (LINUX64), 아닐 때 (LINUX32)
} catch (b) {
    return "Unknown"
}
cs

그런데 브라우저에서 전달해주는 정보가 실제 브라우저 버전이나 정보와 일치하지 않을 때가 꽤 있어서 추가적인 작업이 필요할 때가 많다.


자료 출처(2020-01-13 참조) :
https://jang8584.tistory.com/225
https://kkyunstory.tistory.com/95
http://egloos.zum.com/slog2/v/3845060
https://jang8584.tistory.com/225
라벨:

댓글

댓글 쓰기

이 블로그의 인기 게시물

Ebook - 전자책 drm 상관 없이 pdf로 만들기

yes24와 교보문고에서 ebook을 구매 해야 했는데 너무 불편하고, 필기가 매우 화날 정도로 안 좋아서 원시적으로 사용하기로 했다. 1. 목적 : ebook에서 필기 및 사용이 불편하여 pdf로 변환  2. 용도 : 개인 사용 목적이며 화질이 다소 저하되어도 필기만 용이하면 상관 없음 3. 방법 1) 휴대폰 및 카메라로 동영상을 촬영했다. DRM 때문에 프로그램으로는 촬영이 안 되는 것을 확인했다. (사실 개인 사용 목적이면 기본 화면 캡쳐를 사용해도 된다...) 2) 마우스 클릭 해주는 매크로를 사용했다. (1) key_macro.exe > https://blog.daum.net/pg365/250 듀얼 모니터에서 위치 이탈 현상이 있긴 해도 괜찮았다. (2) AutoClick.exe > http://bestsoftwarecenter.blogspot.com/2011/02/autoclick-22.html 이 걸로 잘 사용했다. 3초마다 한 번 클릭하도록 사용했다. 3) 동영상을 이미지로 변경해주는 프로그램을 사용했다. Free Video to JPG Converter > https://www.dvdvideosoft.com/products/dvd/Free-Video-to-JPG-Converter.htm (240826: 다운로드 시 정상적으로 되지 않아서 URL 수정) 일 하면서 듀얼 모니터에 켜 놨는데 속도가 괜찮았다. * Every frame 으로 사용해야 한다. 4) 중복 사진 제거해주는 프로그램을 사용했다. VlsiPics  > http://www.visipics.info/index.php?title=Main_Page 생각보다 느리니 퇴근시에 걸어놓고 가면 된다. 한번 play가 끝나면 Auto-select 하고 Delete 하면 된다. 5) 이미지를 일괄 Crop 작업 해주는 프로그램을 사용했다. JPEGCrops > https://jpegcrops.softonic.kr/ * https://joker1209.tistory.co
댓글 쓰기
자세한 내용 보기

개발 공부 - json JSONObject 사용 시 백슬래시(\), 원화 표시(\) 제거 및 치환

import org.json.simple.JSONObject; String dataString = new String(authData.toJSONString()); dataString = dataString.replaceAll("\\\\", ""); String 으로 안 바뀌는 가 싶어서 String 으로 변환 해 주고 작업 하였다. 사실 toJSONString 해도 정상 동작 해야 하는데 이유를 잘 모르겠음. 그리고 나서 다시 이클립스 구동 하니 toString 도 먹은 걸로 봐서 이상하다고 생각! String dataString = authData.toString(); dataString = dataString.replaceAll("\\\\", ""); 어쨌든 백 슬래시 제거를 해줘야 하는데 \\ 도 아니고 \\\\를 해야 변환이 가능했다는 결말이었습니다. 참고 : https://stackoverflow.com/questions/15450519/why-does-string-replace-not-work/15450539 test =test.replace("KP", "");  replace 후에 담아 주지 않으면 적용이 안 됩니다!
댓글 쓰기
자세한 내용 보기

개발 공부 - OracleXETNSListener 서비스가 로컬 컴퓨터에서 시작했다가 중지되었습니다.

여러 가지 요인이 있지만 PC 이름 변경시 OracleXETNSListener 서비스 시작이 불가능합니다. 고치는 법은 C:\oraclexe\app\oracle\product\11.2.0\server\network\ADMIN 와 같은 설치 경로에서 listener.ora와 tnsnames.ora 의 pc명을 바꾼 PC명으로 바꿔주면 됩니다. 그래도 안 된다면 cmd 창에서 services.msc 를 입력 후 OracleXETNSListener 서비스를 시작 시키면 됩니다. 오류명: OracleXETNSListener 서비스가 로컬 컴퓨터에서 시작했다가 중지되었습니다. 일부 서비스는 다른 서비스 또는 프로그램에서 사용되지 않으면 자동으로 중지됩니다. 참고한 사이트들 1. http://blog.naver.com/visioner7/120165951652 2. http://database.sarang.net/?inc=read&aid=6819&criteria=oracle&subcrit=&id=&limit=20&keyword=ora-12560&page=5 이런 걸 보면 오라클은 앙칼진 시골 아가씨야
댓글 쓰기
자세한 내용 보기