내 화면·브라우저 정보

화면·브라우저 정보, 세 가지 크기의 차이

언제 쓰나요

쇼핑몰 결제 버튼이 안 눌린다고 고객센터에 문의할 때, 내가 만든 홈페이지가 동료 노트북에서만 깨져 보일 때, 새 모니터를 연결한 뒤 글자가 너무 작거나 커졌을 때 이 페이지를 열어요. 설정 창을 뒤지지 않아도 담당자가 묻는 값이 한 화면에 모여 있고, 복사 한 번으로 문의 글에 붙일 수 있어요.

사용 방법

1단계세 가지 크기 보기

1. 1① 위쪽 세 칸이 가장 자주 묻는 값이에요. 창 크기를 바꾸거나 휴대폰을 돌리면 그 자리에서 다시 계산해요.

2단계세부 정보 확인

1. 2② 실제 화면 픽셀, 사용 가능한 화면, 브라우저와 운영체제, 언어·시간대, 다크 모드, 입력 장치 등 17줄이 나와요. 맨 아래 User-Agent는 브라우저가 스스로를 소개하는 원문이에요.

3단계한 번에 복사

1. 3③ 위 세 칸과 표 17줄이 ‘항목: 값’ 형태로 한 줄씩 복사돼요.

세 가지 크기는 이렇게 달라요

같은 기기에서도 크기를 재는 단위가 셋이에요. 화면 해상도는 운영체제가 배율을 적용한 뒤의 크기, 뷰포트는 그중 지금 웹페이지가 쓰는 창 안쪽 크기, 실제 화면 픽셀은 화면 해상도에 픽셀 비율을 곱한 값이에요.

브라우저에서 Ctrl과 +로 페이지를 확대해도 픽셀 비율이 커지고 뷰포트는 작아져요. 문의할 값을 복사하기 전에는 브라우저 확대를 100%로 돌려 두세요.

브라우저 이름을 알아내는 순서

브라우저 이름은 User-Agent 글자 속 표식을 정해진 순서로 찾아 첫 번째로 걸린 것을 써요. 삼성 인터넷, 네이버 웨일, 카카오톡 인앱, 네이버 앱 인앱을 먼저 보고, 그다음 Edge, Opera, Firefox, iOS용 크롬, Chrome, Safari 순이에요. 여러 브라우저의 원문에 ‘Chrome’이라는 글자가 함께 들어 있어서, 더 구체적인 이름부터 찾아야 정확하기 때문이에요.

여러 모니터를 쓰는 경우 화면 해상도와 픽셀 비율은 지금 브라우저 창이 놓인 모니터 기준이에요. 창을 다른 모니터로 옮긴 뒤 크기가 바뀌면 값도 그 모니터에 맞게 다시 나와요.

주의할 점

• 아이패드가 맥으로 보일 때 — 아이패드 사파리는 맥과 같은 원문을 보내기도 해요. 이때 터치 점이 2개 이상이면 운영체제 줄에 ‘아이패드일 수 있음’을 덧붙여요.
• 메모리 줄 — 크롬 계열 브라우저만 대략적인 값을 알려 줘서 ‘○GB 이상’으로 표시해요. 값을 주지 않는 브라우저에서는 - 로 나와요.

• 인앱 브라우저 표시 — 카카오톡이나 네이버 앱 안에서 링크를 열면 브라우저 줄이 ‘인앱 브라우저’로 나와요. 같은 휴대폰이라도 크롬·삼성 인터넷으로 열면 결과가 달라지니, 문의할 때는 어느 쪽에서 문제가 났는지 함께 적어 주세요.

• 화면 방향 줄 — 휴대폰을 돌리면 ‘세로’와 ‘가로’가 바뀌고, 거꾸로 들면 ‘(뒤집힘)’이 붙어요.

더 궁금한 점