[performance] Chrome 개발자 도구에서 데이터 내보내기

여기에 이미지 설명을 입력하십시오

페이지가로드 될 때 Chrome에 의한 네트워크 분석

다른 시간에로드 할 때 비슷한 데이터 목록을 갖도록이 데이터를 Microsoft Excel로 내보내고 싶습니다. 한 번만 페이지를로드한다고해서 페이지를 비교하고 싶은지 여부는 그리 중요하지 않습니다.

도구 또는 크롬 확장 프로그램을 통해이 작업을 수행 할 수 있습니까?



답변

행 중 하나를 마우스 오른쪽 버튼으로 클릭하면 항목 또는 전체 데이터 세트를 JSON 형식으로 보이는 HAR로 내보낼 수 있습니다.

Excel에서 실제로 필요한 경우 CSV로 변환하기 위해 무언가를 스크립팅하는 것은 끔찍한 일이 아니지만 이미 스크립팅하는 경우 스크립트를 사용하여 데이터에 대한 질문을 할 수도 있습니다.

누군가가 명령 줄에서 프로세스의 “로드 페이지, 데이터 내보내기”를 구동하는 방법을 알고 있다면 어떻게 듣는지에 관심이 있습니다.


답변

마우스 오른쪽 버튼을 클릭하고 HAR로 내 보낸 다음 Jan Odvarko의 HAR Viewer를 사용하여 봅니다.

이것은 이미 캡처 된 HAR 로그를 시각화하는 데 도움이됩니다.


답변

Chrome 네트워크에서 측정 한 크기 데이터를 복사하려고했지만이 게시물에서 우연히 발견되었습니다. 방금 테이블을 복사하여 Excel에 붙여 넣는 것보다 데이터를 Excel로 내보내는 쉬운 방법을 찾았습니다.

트릭은 Control + A (모두 선택)를 클릭하고 전체 테이블이 강조 표시되면 Microsoft Excel에 붙여 넣습니다. 유일한 문제는 너무 많은 필드가 있고 모든 행이 복사되는 것은 아니며 여러 번 복사하여 붙여 넣어야 할 수도 있습니다.

업데이트 : 필터 옵션 (표 위의 깔때기 모양 버튼)을 끄면 데이터 복사가 작동한다는 것을 알았습니다. – 벤더


답변

에서 크롬 76 , 당신은 가져 오기 / 내보내기 버튼을.

여기에 이미지 설명을 입력하십시오


답변

같은 문제가 발생하여 개발자 도구의 비디오를 별도의 창에 고정 해제하는 것이 더 쉬운 방법이라는 것을 알았습니다. (개발자 도구 창의 오른쪽 상단 도구 모음 버튼을 사용하여) 새 창에서 간단히 모두 선택하고 복사하여 붙여 넣기를 말하십시오!


답변

Chrome의 개발자 도구에있는 네트워크 아래의 이름 열에서 마우스 오른쪽 버튼을 클릭하고 “콘텐츠와 함께 HAR로 저장”을 선택하십시오. 그런 다음 새 탭을 열고 https://toolbox.googleapps.com/apps/har_analyzer/ 로 이동 하여 저장된 HAR 파일을 엽니 다.


답변

당신은 피들러 웹 디버거를 사용하여 HAR를 가져올 수 있습니다 그리고 그들은 매우 쉽게 … Ctrl + A (모두 선택) 다음 Ctrl + c (복사 요약) 다음 엑셀에 붙여 재미를