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


138

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

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

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

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


2

답변:


93

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

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

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


1
이 도구는 삭제 된 답변에서 언급되었습니다 : github.com/janodvarko/harviewer
Jonathon Reinhart

3
@ JonathonReinhart, 그것은 5 upvotes를 가지고 있고 유용합니다. 왜 삭제 되었습니까? 또한이 온라인 도구를 참조하십시오 : softwareishard.com/har/viewer
Pacerier

9
놀랍게도, 크롬의 네트워크는 HAR에 저장하면 항목뿐만 아니라 모든 데이터를 저장했습니다
kishu

@ JonathonReinhart, 삭제되지 않았습니다 : stackoverflow.com/a/20235632/632951
Pacerier

localhost 소스 요청에서는 작동하지 않는 것 같습니다.
Skowronek


22

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

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

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


8
이것은 실제로 가장 쉬운 방법입니다. 브라우저를 축소 (CTRL +/-)하면 "너무 많은 필드"문제를 해결할 수 있습니다. 텍스트가 너무 작아서 읽을 수없는 경우에는 문제가되지 않으며 보통 크기로 복사하여 붙여 넣습니다.
profexorgeek

3
모두 선택했지만 (스크롤 창에서) 보이는 파일 만 복사했습니다. 왜 그런지 모르겠습니다 ... : /
Tom Brito

1
열을 마우스 오른쪽 버튼으로 클릭하면 기본값보다 더 많은 데이터를 얻을 수 있습니다.
또는 Duan

4
Ctrl-A를 사용할 수 없지만 마우스를 사용하여 왼쪽 열에서 시작한 다음 클릭하고 위로 드래그하여 강조 표시 할 수 있습니다. fyi, ymmv, tisla.
ruffin

5
@Pacerier 필자는 필터 옵션 (테이블 위의 깔때기 모양 버튼)을 끄면 데이터 복사가 작동한다는 것을 알았습니다.
bendur

21

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

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


8

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


7

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


4

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


피들러 웹 디버거 ??
Pacerier

4

≪HAR로 모두 복사 ≫에는 응답 본문이 포함되어 있지 않습니다.

≪Content와 함께 HAR로 저장 ≫을 통해 응답 본문을 얻을 수 있지만 사소한 양의 로그가 있으면 중단됩니다 (8k 요청으로 한 번만 시도했지만 작동하지 않습니다). 를 사용하여 출력을 직접 스크립트하십시오 _request.contentData().

로그가 너무 _request.contentData()많고``복사 응답 ''이 실패하면이 문제를 해결하기를 바랍니다. 그때까지는 Chrome Network Inspector를 사용하여 사소한 양의 네트워크 로그를 검사 할 수 없으며 다른 도구를 사용하는 것이 가장 좋습니다.


3

내보내기 또는 다른 이름으로 저장 옵션이 표시되지 않습니다.

요청 -.css -.js -.woff중 하나를 마우스 오른쪽 버튼으로 클릭 한 다음 복사 > HAR로 모두 복사를 사용하여 원치 않는 요청을 모두 필터링 했습니다.

그런 다음 컨텐츠를 텍스트 편집기에 붙여넣고 저장했습니다.


나는이 접근법을 사용했는데 매력처럼 작동했습니다. 답변에 추가하고 싶습니다. 텍스트 편집기에 붙여 넣을 때의 내용은 json 파일입니다. 실제로 나는 powershell을 사용하여 json을 구문 분석하고 요청 리디렉션 (내 경우)을 더 연구했습니다.
Siva Senthil

1

나는 여기에 온 것과 같은 문제가있었습니다. 몇 가지 시험을 통해 한 페이지의 모든 데이터, 즉 스크롤이없는 매우 작은 글꼴 크기로 모든 데이터를 얻을 때까지 축소 된 질문에서와 같이 여러 페이지의 크롬 데이터를 복사하기 위해 알아 냈습니다. 이제 모든 레코드를 복사하고 일반 글꼴로 Excel에 복사하여 붙여 넣으십시오. 이것은 내가 생각하는 몇 페이지의 데이터에 좋습니다.


1

최신 버전의 Chrome에서는 .har 파일을 Chrome 개발자 도구의 네트워크 탭으로 드래그하여로드 할 수 있습니다.


6
수출하고 싶은 것 같아요?
Pacerier

0

Excel 또는 CSV 형식으로 가져 오려면 폴더를 마우스 오른쪽 버튼으로 클릭하고 "응답 복사"-붙여 넣기를 선택하여 텍스트를 열에 사용하십시오.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.