개요
네트워크 상태 패널을 사용하여 사용자 에이전트 문자열을 재정의하고 다양한 네트워크 속도를 에뮬레이션합니다.
사용자 에이전트 문자열을 재정의하면 브라우저가 웹 서버에 자신을 식별하는 방식이 변경됩니다. 즉, 브라우저가 이전 버전 또는 다른 브라우저를 완전히 시뮬레이션할 수 있으므로 반응형 디자인, 호환성, 기능 감지를 테스트하는 데 유용합니다.
사용자 에이전트 문자열을 재정의해도 Chrome 브라우저가 내부적으로 작동하는 방식은 변경되지 않으며 Chrome에 제공되는 콘텐츠만 변경됩니다.
네트워크 상태 패널 열기
네트워크 패널에서 네트워크 상태 패널을 열거나 DevTools를 통해 수동으로 엽니다.
네트워크 패널을 사용하여 네트워크 상태 패널을 열려면 다음 단계를 따르세요.
- DevTools를 엽니다.
- 네트워크 패널로 이동합니다.
- 더 많은 네트워크 조건 버튼을 클릭하여 네트워크 조건 패널을 엽니다.

네트워크 상태 패널을 수동으로 열려면 다음 단계를 따르세요.
- DevTools를 엽니다.
다음을 눌러 명령어 메뉴를 엽니다.
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
그림 2 명령어 메뉴
Network conditions
를 입력하고 네트워크 상태 표시를 선택한 다음 Enter 키를 누릅니다. DevTools 창 하단에 네트워크 상태 패널이 표시됩니다.
또는 오른쪽 상단에서
옵션 더보기 > 도구 더보기 > 네트워크 상태를 선택합니다.사용자 에이전트 문자열 재정의
네트워크 상태 패널에서 사용자 에이전트 문자열을 재정의하려면 다음 단계를 따르세요.
- 네트워크 상태 패널을 엽니다.
사용자 에이전트 섹션에서 브라우저 기본값 사용 체크박스를 사용 중지합니다.
그림 3. 브라우저 기본값 사용 사용 중지 목록에서 사용자 에이전트 문자열을 선택하거나 맞춤 문자열을 입력합니다.
결과를 보려면 페이지를 새로고침하세요.
사용자 에이전트 클라이언트 힌트 수정
네트워크 조건 패널을 사용하면 선택한 사용자 에이전트 문자열의 사용자 에이전트 클라이언트 힌트를 맞춤설정할 수 있습니다.
이 기능을 사용하려면 다음 단계를 따르세요.
- 목록에서 사용자 에이전트 문자열을 선택하거나 맞춤 문자열을 입력합니다.
사용자 에이전트 클라이언트 힌트 드롭다운을 클릭합니다. 관련 값이 자동으로 입력된 양식이 표시됩니다.
그림 4. 사용자 에이전트 클라이언트 힌트 양식 삭제를 클릭하여 항목을 삭제하고 브랜드 추가를 클릭하여 사용자 에이전트 및 전체 버전 목록에 추가하여 양식을 수정합니다.
완료되면 양식 하단의 업데이트 버튼을 클릭합니다.
결과를 보려면 페이지를 새로고침하세요.
네트워크 속도 제한
네트워크 상태 패널에서 네트워크 속도를 제한하려면 네트워크 제한 목록을 클릭한 다음 빠른 3G, 느린 3G 또는 오프라인을 선택합니다.

또한 네트워크 패널을 사용하면 비슷한 방식으로 네트워크 속도를 제한할 수 있습니다. 네트워크 패널을 열고 작업 표시줄의 제한 목록에서 원하는 속도를 선택하기만 하면 됩니다.

성능 패널을 사용하여 네트워크 속도를 제한할 수도 있습니다. 성능 패널을 열고
Settings를 클릭한 다음 Network 목록에서 Fast 3G 또는 Slow 3G를 선택합니다.
네트워크 제한 프로필을 만들어 자체 맞춤 네트워크 제한 매개변수를 설정합니다. 방법을 알아보려면 제한을 참고하세요.