ljhyeok/detect-webview-browser-use-ua-parser-js.md

## detect-webview-browser-use-ua-parser-js.md

      
    Raw
  

              detect-webview-browser-use-ua-parser-js.md
            
          
    개요


A3 script에서 useragent를 이용해 현재 단말기로 로그인한 것인지 PC에서 로그인한 것인지 결정
ua-parser-js 오픈 소스 사용해서 useragent를 파싱

ua-parser-js 설치


npm install --save-dev ua-parser-js
import * as uaParserJS from 'ua-parser-js'; 해서 사용

작업 내용


작업한 git commit
/js/util/aceUtils.js
어떤 webview 인지 문자열로 sync로 리턴

iOS

wkwebview

"wk" 리턴


uiwebview

"ui" 리턴


AOS

webview

"wv" 리턴


브라우져일경우

"un" 리턴


단말기별 파싱 결과

AOS Chrome

{"ua":"Mozilla/5.0 (Linux; Android 7.0; SM-N920S) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Mobile Safari/537.36","browser":{"name":"Chrome","version":"71.0.3578.98","major":"71"},"engine":{"name":"WebKit","version":"537.36"},"os":{"name":"Android","version":"7.0"},"device":{"vendor":"Samsung","model":"SM-N920S","type":"mobile"},"cpu":{}}
AOS 기본 삼성 브라우져

{"ua":"Mozilla/5.0 (Linux; Android 7.0; SAMSUNG SM-N920S Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/7.4 Chrome/59.0.3071.125 Mobile Safari/537.36","browser":{"name":"Samsung Browser","version":"7.4","major":"7"},"engine":{"name":"WebKit","version":"537.36"},"os":{"name":"Android","version":"7.0"},"device":{"vendor":"Samsung","model":"SM-N920S","type":"mobile"},"cpu":{}}
AOS Webview

{"ua":"Mozilla/5.0 (Linux; Android 7.0; SM-N920S Build/NRD90M; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/71.0.3578.98 Mobile Safari/537.36","browser":{"name":"Chrome WebView","version":"71.0.3578.98","major":"71"},"engine":{"name":"WebKit","version":"537.36"},"os":{"name":"Android","version":"7.0"},"device":{"vendor":"Samsung","model":"SM-N920S","type":"mobile"},"cpu":{}}
iOS Safari

{"ua":"Mozilla/5.0 (iPhone; CPU iPhone OS 12_1_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0 Mobile/15E148 Safari/604.1","browser":{"name":"Mobile Safari","version":"12.0","major":"12"},"engine":{"name":"WebKit","version":"605.1.15"},"os":{"name":"iOS","version":"12.1.1"},"device":{"vendor":"Apple","model":"iPhone","type":"mobile"},"cpu":{}}
iOS Chrome

{"ua":"Mozilla/5.0 (iPhone; CPU iPhone OS 12_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/71.0.3578.89 Mobile/15E148 Safari/605.1","browser":{"name":"Chrome","version":"71.0.3578.89","major":"71"},"engine":{"name":"WebKit","version":"605.1.15"},"os":{"name":"iOS","version":"12.1"},"device":{"vendor":"Apple","model":"iPhone","type":"mobile"},"cpu":{}}
iOS WKWebview

{"ua":"Mozilla/5.0 (iPhone; CPU iPhone OS 12_1_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/16C50","browser":{"name":"WebKit","version":"605.1.15","major":"605"},"engine":{"name":"WebKit","version":"605.1.15"},"os":{"name":"iOS","version":"12.1.1"},"device":{"vendor":"Apple","model":"iPhone","type":"mobile"},"cpu":{}}
iOS UIWebview

{"ua":"Mozilla/5.0 (iPhone; CPU iPhone OS 12_1_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/16C50","browser":{"name":"WebKit","version":"605.1.15","major":"605"},"engine":{"name":"WebKit","version":"605.1.15"},"os":{"name":"iOS","version":"12.1.1"},"device":{"vendor":"Apple","model":"iPhone","type":"mobile"},"cpu":{}}
관련 자료


https://developer.chrome.com/multidevice/user-agent