개요
네트워크 조건 패널을 사용하여 사용자 에이전트 문자열을 재정의하고 다양한 네트워크 속도를 에뮬레이션합니다.
사용자 에이전트 문자열을 재정의하면 브라우저가 웹 서버에서 자신을 식별하는 방식이 변경됩니다. 즉, 브라우저가 이전 버전이나 다른 브라우저를 완전히 시뮬레이션할 수 있습니다. 이는 반응형 디자인, 호환성 및 기능 감지를 테스트하는 데 유용합니다.
사용자 에이전트 문자열을 재정의해도 Chrome 브라우저가 내부적으로 작동하는 방식은 변경되지 않으며 Chrome에서 제공하는 콘텐츠가 변경됩니다.
네트워크 조건 패널 열기
네트워크 패널에서 네트워크 조건 패널을 열거나 DevTools를 통해 수동으로 엽니다.
네트워크 패널을 사용하여 네트워크 조건 패널을 열려면 다음 단계를 따르세요.
- DevTools를 엽니다.
- 네트워크 패널로 이동합니다.
- network_manage 네트워크 조건 더보기 버튼을 클릭하여 네트워크 조건 패널을 엽니다.
네트워크 조건 패널을 수동으로 열려면 다음 안내를 따르세요.
- DevTools를 엽니다.
다음을 눌러 명령어 메뉴를 엽니다.
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
그림 2. 명령어 메뉴
Network conditions를 입력하고 네트워크 조건 표시를 선택한 다음 Enter 키를 누릅니다. DevTools가 DevTools 창 하단에 네트워크 조건 패널을 표시합니다.
또는 오른쪽 상단에서 more_vert 옵션 더보기 > 도구 더보기 > 네트워크 조건을 선택합니다.
사용자 에이전트 문자열 재정의
네트워크 조건 패널에서 사용자 에이전트 문자열을 재정의하려면 다음 단계를 따르세요.
- 네트워크 조건 패널을 엽니다.
사용자 에이전트 섹션에서 브라우저 기본값 사용 체크박스를 사용 중지합니다.
그림 3. 브라우저 기본값 사용을 사용 중지합니다. 목록에서 사용자 에이전트 문자열을 선택하거나 맞춤 문자열을 입력합니다.
결과를 보려면 페이지를 새로고침하세요.
사용자 에이전트 클라이언트 힌트 수정
네트워크 조건 패널을 사용하면 선택한 사용자 에이전트 문자열의 사용자 에이전트 클라이언트 힌트를 맞춤설정할 수 있습니다.
이 기능을 사용하려면 다음 단계를 따르세요.
- 목록에서 사용자 에이전트 문자열을 선택하거나 맞춤 문자열을 입력합니다.
arrow_drop_down사용자 에이전트 클라이언트 힌트 드롭다운을 클릭합니다. 양식에 관련 값이 자동 완성되어 표시됩니다.
그림 4. 사용자 에이전트 클라이언트 힌트 양식 항목을 삭제하려면 삭제삭제를 클릭하고, 사용자 에이전트 및 전체 버전 목록에 추가하려면 브랜드 추가를 클릭하여 양식을 수정합니다.
완료되면 양식 하단의 업데이트 버튼을 클릭합니다.
결과를 보려면 페이지를 새로고침하세요.
네트워크 속도 제한
네트워크 조건 패널에서 네트워크 속도를 조절하려면 네트워크 제한 목록을 클릭한 다음 빠른 3G, 느린 3G 또는 오프라인을 선택합니다.
또한 Network 패널을 사용하면 비슷한 방식으로 네트워크 속도를 제한할 수 있습니다. Network 패널을 열고 작업 모음의 제한 목록에서 원하는 속도를 선택하기만 하면 됩니다.
Performance 패널을 사용하여 네트워크 속도를 제한할 수도 있습니다. 성능 패널을 열고 설정설정을 클릭한 다음 네트워크 목록에서 빠른 3G 또는 저속 3G를 선택합니다.
네트워크 제한 프로필을 만들어 고유한 커스텀 네트워크 제한 매개변수를 설정합니다. 방법을 알아보려면 제한을 참조하세요.