이 블로그에서는 JavaScript에서 사용자 에이전트를 얻는 방법을 설명합니다.
JavaScript에서 사용자 에이전트를 얻는 방법?
“ 사용자 에이전트 ” 속성은 브라우저가 서버로 보내는 사용자 에이전트의 헤더를 제공합니다. 사용자 에이전트는 ' 사용자 에이전트 ” 다른 시나리오의 속성. 이러한 시나리오는 다음과 같습니다.
예제 1: 사용자 정의 함수를 사용하여 JavaScript에서 사용자 에이전트 가져오기
이 특정 예는 사용자 정의 함수의 도움으로 두 개의 서로 다른 브라우저의 사용자 에이전트를 얻기 위해 적용될 수 있습니다.
다음 코드 스니펫을 살펴보겠습니다.
< h3 > 사용자 에이전트 가져오기 안에 자바스크립트 h3 >
< 버튼 클릭 = '사용자 에이전트()' > 클릭하여 가져 오기 사용자 에이전트 단추 >
< h3 아이디 = '다시' 스타일 = '배경색: 하늘색;' > h3 >
위의 코드에서:
- 첫 번째 단계에서 명시된 제목을 포함합니다.
- 그런 다음 '가 첨부된 버튼을 만듭니다. 온 클릭 ” 사용자 정의 함수 userAgent()를 호출하는 이벤트.
- 다음 단계에서 지정된 ' ID ' 결과 '를 포함하기 위해 사용자 에이전트 '.
코드의 JavaScript 부분을 계속 살펴보겠습니다.
기능 사용자 에이전트 ( ) {허락하다 가져 오기 = 항해자. 사용자 에이전트 ;
문서. getElementById ( '다시' ) . innerHTML = '사용자 에이전트는: ' + 가져 오기 ;
}
위의 js 코드에서 다음 단계를 수행합니다.
- '라는 이름의 함수를 선언합니다. 사용자 에이전트() '.
- 그 정의에서 ' 사용자 에이전트 ” 브라우저 이름, 버전 등에 대한 정보를 반환하는 속성입니다.
출력(Chrome 브라우저용)
출력(Microsoft Edge 브라우저용)
위의 출력에서 두 브라우저의 사용자 에이전트 차이를 관찰할 수 있습니다.
예제 2: Switch 문을 사용하여 JavaScript에서 사용자 에이전트 가져오기
“ 스위치 ” 문은 행동에 다양한 조건을 적용하는 데 사용됩니다. 이 문은 해당 사용자 에이전트를 반환하기 위해 다양한 브라우저에 대한 검사를 적용하는 데 적용될 수 있습니다.
통사론
끈. indexOf ( 검색 , 시작 )주어진 구문에서:
- “ 검색 ”는 검색할 문자열을 나타냅니다.
- “ 시작 ”는 시작 위치를 나타냅니다.
예시
다음 예를 살펴보겠습니다.
다음 예에서 다음 단계를 수행합니다.
- '를 포함 표제 ” 결과 메시지를 포함합니다.
- 함수를 만들고 ' 스위치 ” 문에 지정된 “ 부울 ” 값을 매개변수로 사용합니다.
- 그 정의에서 명시된 ' 브라우저 '의 예외를 처리하여 -1 ” 즉, 값을 찾을 수 없습니다.
- 또한 ' indexOf() ” 메서드를 사용하여 결과 사용자 에이전트에서 매개변수에 포함된 문자열을 확인합니다. 이 조건으로 인해 해당 브라우저가 구성됩니다.
- 그 후 ' 사용자 에이전트 ” 속성과 함께 “ toLowerCase() ” 메서드를 사용하여 해당 브라우저의 사용자 에이전트를 가져와서 소문자로 변환합니다.
- 마지막으로 ' innerText ” 속성을 사용하여 사용자 에이전트와 함께 해당 브라우저 이름을 표시합니다.
< h3 > h3 >
신체 >
- 1 :
반품 'MS 엣지' ;
사례 에이전트. indexOf ( '엣지/' ) > - 1 :
반품 '엣지(크롬 기반)' ;
사례 에이전트. indexOf ( 'opr' ) > - 1 && !! 창문. opr :
반품 '오페라' ;
사례 에이전트. indexOf ( '크롬' ) > - 1 && !! 창문. 크롬 :
반품 '크롬' ;
사례 에이전트. indexOf ( '원정 여행' ) > - 1 :
반품 '원정 여행' ;
기본 : 반품 '다른' ;
} } )
( 창문. 항해자 . 사용자 에이전트 . 대소문자 ( ) ) ;
문서. 쿼리 선택기 ( 'h3' ) . innerText = '사용중' + 브라우저 이름 + ' 브라우저' ;
콘솔. 통나무 ( 창문. 항해자 . 사용자 에이전트 . 대소문자 ( ) ) ;
스크립트 >
출력(Chrome 브라우저용)
출력(Microsoft Edge 브라우저용)
위의 출력에서 두 브라우저 모두 해당 사용자 에이전트와 함께 감지된다는 것이 분명합니다.
JavaScript에서 사용자 에이전트를 얻기 위한 모든 편리한 접근 방식이 논의되었습니다.
결론
“ 사용자 에이전트 ”를 사용하여 다양한 브라우저에서 가져올 수 있습니다. 사용자 정의 ” 기능과 “ 스위치 ” JavaScript의 문. 전자의 예는 간단하며 해당 브라우저의 사용자 에이전트를 가져와서 제목으로 반환하도록 구현할 수 있습니다. 후자의 접근 방식은 포함된 문자열 값을 기반으로 여러 브라우저를 처리하고 해당 브라우저의 사용자 에이전트를 반환합니다. 이 글은 JavaScript에서 사용자 에이전트를 얻는 방법을 설명합니다.