#UserAgent
User -Agent 요청 헤더는 서버와 네트워크 피어가 애플리케이션, 운영 체제, 공급업체 및/또는 요청하는 사용자 에이전트 의 버전을 식별할 수 있게 해주는 특성 문자열
1. 사용자 에이전트는 사용자의 웹 브라우저와, 기기의 정보를 담고 있다.
2. 과거에는 웹 브라우저가 각자 다른 엔진을 썼고, 브라우저마다 에러, 기능 제한이 있어 최적화가 어려웠다.
3. 최근에는 대부분의 브라우저가 크롬/블링크 엔진을 사용 중이고, 대부분의 브라우저가 비슷한 지원 범위를 갖게 되었다.
4. 현재 사용자 에이전트는 모바일 디바이스 기기와 OS 버전을 체크하는 용도가 더 강해진 상태입니다.
https://developer.mozilla.org/ko/docs/Web/HTTP/Browser_detection_using_the_user_agent
#내 유저 에이전트 확인하기
콘솔창에 navigator.userAgent를 검색하면 바로 확인 할 수 있다.
링크로 확인해보기 : https://www.whatsmyua.info/
#확장 프로그램
User-Agent Switcher for Chrome
1. 설치 후 고정 하기
2. 해당 프로그램 우클릭 -> 옵션 클릭
3. Custom User-Agent List 에서 원하는 옵션으로 세팅하기
New User-agent name : 원하는 이름세팅하기
New User-Agent String : 여기 를 참고하여 작성하기👀
Group : 추가할곳 세팅하기-크롬이면 크롬, ios면 ios 등 ex)Android
Append: 뭔진 모르겟지만 append로 하였습니다.(유추해보면 대체할거냐 추가할거냐 같음)
Indicator Flag : 이것도 유추해보면 버전같음
이렇게 유저에이전트를 조작하면 pc에서 ios등을 테스트 할 수 있다.
웹뷰를 테스트할 일이 있어 안드로이드로 조작 후 테스트 해보았다.
유용했다 매우!
#자바스크립트 인터페이스 안드로이드
Android.안드로이드 이벤트명("") // 인터페이스 이름을 Android 로 했기 때문에 이렇게 적은것
https://dekustory.tistory.com/14
위의 블로그는 인터페이스명을 android로 적음
edge://inspect/#devices
연결 후 안드로이드와 컴퓨터를 연결한 후 앱을 켠후 inspect 클릭 후 콘솔창에서
웹에서 작성한 window.Android.안드로이드 이벤트명("") 을 실행하면
안드로이드에 실행되는지 확인 할 수 있다.
navigator.userAgent - 콘솔창에 작성하면 유저에이전트를 확인 할 수 있다.
'error & basic' 카테고리의 다른 글
vue) :style background #2308 (0) | 2023.08.04 |
---|---|
vue) component height #2307 (3) | 2023.07.11 |
v-if vs v-show #2307 (0) | 2023.07.04 |
vue 생명주기 #2306 (0) | 2023.07.03 |
window #2306 (0) | 2023.06.30 |