Don't miss out on the action at this year's Chrome Dev Summit, streaming live on YouTube. Watch now.

리소스 검사

리소스를 프레임, 도메인, 유형 또는 기타 기준에 따라 구성합니다.

TL;DR

  • Application 패널의 Frames 창을 사용하면 리소스를 프레임별로 구성할 수 있습니다.
  • 또한 group by folder 선택 항목을 비활성화하여 Sources 패널에서 리소스를 프레임별로 볼 수도 있습니다.
  • 리소스를 도메인 및 폴더별로 보려면 Sources 패널을 사용합니다.
  • Network 패널에서 리소스를 이름 및 기타 기준으로 필터링합니다.

리소스를 프레임별로 구성

Application 패널의 Frames 창을 사용하면 페이지 리소스를 프레임별로 구성하여 표시할 수 있습니다.

프레임 세부정보

  • 최상위 단계(위의 스크린샷에서 top)는 기본 문서입니다.
  • 그 아래는(예: 위의 스크린샷에서 widget2) 기본 문서의 하위 프레임입니다. 이러한 하위 프레임 중 하나를 확장하면 해당 프레임의 출처인 리소스를 볼 수 있습니다.
  • 하위 프레임 아래는 이미지, 스크립트 및 기본 문서의 기타 리소스입니다.
  • 마지막은 기본 문서 자체입니다.

리소스를 클릭하면 해당 리소스의 미리보기를 볼 수 있습니다.

리소스를 마우스 오른쪽 버튼으로 클릭하면 Network 패널에서 보거나 새 탭에서 열거나, URL을 복사하거나 저장할 수 있습니다.

리소스 보기

리소스를 프레임별로 볼 수도 있습니다. Sources 패널에서, 탐색기의 오버플로 메뉴를 클릭한 다음 Group by folder 옵션을 비활성화하여 폴더별로 리소스 그룹 지정을 중지하면 됩니다.

폴더별로 그룹 지정 옵션

그러면 리소스가 프레임 기준으로만 나열됩니다.

폴더 없음

도메인 및 폴더별로 리소스 구성

리소스를 도메인 및 디렉토리별로 구성하여 보려면, Sources 패널을 사용합니다.

sources 패널

리소스를 이름, 유형 또는 기타 기준으로 필터링

리소스를 이름, 유형 및 이외에도 광범위한 기타 기준으로 필터링하려면 Network 패널을 사용합니다. 자세한 내용은 아래의 가이드를 참조하세요.