Contents

User Agent 확인 방법

User Agent는 브라우저나 앱 등의 클라이언트에서 서버로 전송되는 정보 중 하나로, 클라이언트의 종류, 버전, 운영체제 등을 식별하는 문자열입니다. 웹 사이트나 웹 애플리케이션에서는 User Agent 정보를 기반으로 브라우저나 디바이스에 최적화된 콘텐츠를 제공하는 경우가 많습니다.

이번 포스트에서는 User Agent를 확인하는 방법에 대해 알아보겠습니다.

1. 웹 브라우저에서 확인하는 방법

1.1. 개발자 도구 사용하기

대부분의 웹 브라우저에서는 개발자 도구를 제공합니다. 개발자 도구에서는 현재 웹 페이지에 접속한 User Agent 정보를 확인할 수 있습니다.

브라우저에서 웹 페이지를 엽니다.
F12 키를 눌러 개발자 도구를 엽니다.
개발자 도구의 Console 탭을 선택합니다.
Console 탭에서 navigator.userAgent를 입력하고 Enter 키를 누릅니다.
User Agent 정보가 출력됩니다.

1.2. 외부 사이트에서 확인하기

인터넷에는 User Agent 정보를 확인할 수 있는 여러 사이트들이 있습니다. 그 중에서도 가장 대표적인 사이트는 http://useragentstring.com/입니다.

http://useragentstring.com/ 에 접속합니다.
나의 User Agent 정보가 출력됩니다.

2. 서버에서 확인하는 방법

2.1. PHP에서 확인하기

PHP에서는 $_SERVER['HTTP_USER_AGENT']를 통해 User Agent 정보를 확인할 수 있습니다.

php
<?php
$user_agent = $_SERVER['HTTP_USER_AGENT'];
echo $user_agent;
?>

2.2. Node.js에서 확인하기

Node.js에서는 req.headers['user-agent']를 통해 User Agent 정보를 확인할 수 있습니다.

javascript
const http = require('http');

const server = http.createServer((req, res) => {
  const user_agent = req.headers['user-agent'];
  res.end(user_agent);
});

server.listen(3000, () => {
  console.log('Server is listening on port 3000');
});

3. 브라우저별 User Agent 정보

아래는 대표적인 웹 브라우저들의 User Agent 정보입니다.

Chrome: `Mozilla/5.0 (Windows NT 10.0;
) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36`
- Firefox: Mozilla/5.0 (Windows NT 10.0; rv:78.0) Gecko/20100101 Firefox/78.0
- Safari: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15
- Edge: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.101 Safari/537.36 Edg/91.0.864.37
- Opera: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.82 Safari/537.36 OPR/75.0.3969.149
결론

이번 포스트에서는 User Agent를 확인하는 방법에 대해 알아보았습니다. 웹 브라우저에서는 개발자 도구나 외부 사이트를 통해 확인할 수 있으며, 서버에서는 PHP나 Node.js를 이용해 확인할 수 있습니다. 또한, 대표적인 웹 브라우저들의 User Agent 정보도 살펴보았습니다. 이를 통해 웹 사이트나 웹 애플리케이션을 개발할 때 User Agent 정보를 활용하여 최적화된 콘텐츠를 제공할 수 있습니다.
Tags
Node.js, PHP, user agent, user agent 확인, 개발자도구, 사용자에이전트, 서버, 웹개발, 웹브라우저, 최적화