유저가 사용하고 있는 브라우저를 알 수 있는 방법이 있나요?

getServerSideRender에서 user-agent를 통해 브라우져를 꺼내올 수 있을 것 같아요 브라우저가 어떤건지 판별하는건 요 url을 참고해 보세요!! https://zinee-world.tistory.com/512

사용자에이전트를 확인하면 디바이스, OS, 버전 등등 복합적인 정보가 나옵니다. 이를 이용해서 PC / Mobile 혹은 브라우저별로 분기 처리가 가능하십니다.

유저가 현재 사용하고 있는 브라우저를 확인하는 방법은 다양합니다. 대표적으로는 ' navigator.userAgent '와 ' navigator.appVersion '을 이용하는 방법이 있습니다. 이를 활용하여 브라우저 종류와 버전 정보를 추출할 수 있습니다. 예를 들어, 다음과 같이 코드를 작성하면 현재 사용 중인 브라우저 정보를 알 수 있습니다. 이 외에도, ' window ' 객체에는 다양한 브라우저 관련 속성과 메서드가 제공되므로, 이를 활용하여 브라우저 정보를 추출할 수도 있습니다. 예를 들어, ' window.chrome '이 ' undefined '이면 현재 사용 중인 브라우저는 Chrome이 아니라는 것을 알 수 있습니다.

1const userAgent = navigator.userAgent;
2const appVersion = navigator.appVersion;
3
4if (/MSIE|Trident/.test(userAgent)) {
5  console.log("현재 사용 중인 브라우저는 Internet Explorer입니다.");
6} else if (/Edg/.test(userAgent)) {
7  console.log("현재 사용 중인 브라우저는 Microsoft Edge입니다.");
8} else if (/Firefox/.test(userAgent)) {
9  console.log("현재 사용 중인 브라우저는 Firefox입니다.");
10} else if (/Chrome/.test(userAgent) && /Edg/.test(appVersion)) {
11  console.log("현재 사용 중인 브라우저는 Chromium 기반 Microsoft Edge입니다.");
12} else if (/Chrome/.test(userAgent)) {
13  console.log("현재 사용 중인 브라우저는 Chrome입니다.");
14} else if (/Safari/.test(userAgent)) {
15  console.log("현재 사용 중인 브라우저는 Safari입니다.");
16} else {
17  console.log("브라우저 정보를 가져올 수 없습니다.");
18}