Chrome에서 페이지 소스의 크기를 어떻게 확인합니까?

분명히 페이지를 저장하지 않고 답변을 얻고 싶습니다. 기본적인 것처럼 보이지만 그렇게하는 방법을 알 수는 없습니다. 플러그인이 필요하면 괜찮습니다. 솔루션이 페이지와 관련된 스타일링 시트, 스크립트 및 이미지를 다루는 것이 좋을 것입니다.

열기 개발자 도구 ( Ctrl+ Shift+ I또는 설정 아이콘 브라우저 창 =>의 오른쪽 상단에서 Tools=> Developer tools)에 필요한 페이지의에 스위치 네트워크 탭을 다시로드 페이지 .

에서 크기 열 당신은 모든 것의 크기 (로드 볼 문서, 스타일 시트, 이미지, 스크립트, ... ). 필터를 사용하면 개발자 도구 프레임의 하단 중앙에서 필요한 것만 찾을 수 있습니다.

편리한 방법으로 페이지 크기, 캐시 사용, 네트워크 요청 및 웹 페이지로드 시간을 신속하게보고하는 3 번째 Chrome 확장 프로그램 Page Size Inspector 를 만들었습니다 .

페이지가로드 될 때 모든 리소스를 캐시하는 " 빠른 소스 뷰어 " 라는 확장이 있습니다 . 뷰어 (파란색 아이콘)를 열면 왼쪽의 탐색 창에 크기 (바이트 수)가 표시됩니다.