콘텐츠와 함께 저장된 Chrome 네트워크 디버거 har 파일을보고 재생하려면 어떻게해야합니까?

117

저는 네트워크 디버거를 좋아합니다. 즉, 여러 'hars'를 통해 앞뒤로 이동하여 재생할 수있는 프로그램은 무엇입니까? 'hars'가 콘텐츠와 함께 저장되면 리플레이에서도 처리 할 수 ​​있습니까?

지금은 그냥 텍스트 패드로 읽어 보았지만, 내가 찾은 결과를 발표해야한다면 멋진 '하르 플레이어'가 비전문가에게 큰 도움이 될 수 있습니다.

debugging  google-chrome  har 
— DefyGravity
소스
— DefyGravity 2013
9
수퍼 유저에이 질문은 본질적으로 동일하며 괜찮은 답변이 있습니다 superuser.com/questions/360992/...
— 데이비드 프레이저을

답변:

86

Jan Odvarko가 개발 한 HAR Viewer를 사용할 수 있습니다. 온라인 버전을 사용하거나

또는 https://github.com/janodvarko/harviewer 에서 소스 코드를 다운로드 하십시오 .

수정 : Chrome 62 DevTools에는 HAR 가져 오기 기능이 포함되어 있습니다. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

— 니 자르
소스
1
FWIW "콘텐츠와 함께 HAR로 저장"을 사용할 때 "콘텐츠"를 처리하지 않는 것 같습니다. 그 외에는 괜찮은 HAR 뷰어입니다.
— Doktor J
크롬 디버거의 '모두를 har로 저장'옵션에서 아직 작동하지 않았습니다. 하지만 계속 확인하겠습니다.
— DefyGravity 2014-07-24
꽤 무거운 웹 사이트에서 오늘 작동하도록했습니다. 좋은 응용 프로그램
— DefyGravity
7
경고 : "온라인"HAR 뷰어가 들리는 것처럼 나는 그 서버가 HAR로 무엇을하고 있는지에 대해 약간 관심이있을 것입니다. 이것이 저장되고 있습니까? 분석중인가요? HAR는 민감한 개인 데이터를 포함 할 수 있습니다. 저는 개인적으로 다른 사람의 서버에 HAR를 업로드하지 않을 것입니다. 이제 클라이언트가 저에게 보낸 경우 다른 이야기 일 것입니다 .. 아 잠깐, 그렇지 않습니다.
— nothingisnecessary
@nothingisnecessary-HAR Viewer는 브라우저에서만 실행되며 HAR 파일을 '보는'서버 측 구성 요소가 없습니다.
— Paul Grime
56

Chrome Dev Tool의 "네트워크"도구를 사용하면 창에 끌어서 놓는 방식으로 HAR 파일을 가져올 수 있습니다.

— Xchai
소스
HAR 파일을 네트워크 탭으로 드래그하려면 대부분 동일한 도메인에서 개발 도구를 열어야합니다
— ScottyG 2017-11-21
좋은 생각이지만 크롬은 다른 도구에서 출력 된 날짜 형식을 좋아하지 않는 것 같습니다 (어쨌든 +1)
— Alex KeySmith
@ScottyG 방금 다른 도메인에서 .har 파일 가져 오기를 시도했는데 제대로 작동했습니다. 버전 73.0.3683.103 사용
— 라울 핀토
@RaulPinto 감사합니다! 그래, 난이 v73의 새로운 기능입니다 생각
— ScottyG
2
이 기능은 Firefox에서도 작동하며 도메인에 관계없이 작동합니다.
— Brady Dowling
23

이를 수행하는 방법에는 몇 가지 온라인, 오프라인 도구가 있습니다.

그러나 내가 가장 좋아하는 것은 브라우저 확장입니다 (크롬에서 시도해 보았지만 다른 브라우저에서도 작동하기를 바랍니다). 설치 후 앱 에 HAR 뷰어로 표시 됩니다. 그런 다음 HAR 파일을 업로드하고 다음과 같은 내용을 볼 수 있습니다.

여기에 이미지 설명 입력

— 살바도르 달리
소스
2
HAR Analyzer는 HAR 뷰어보다 훨씬 더 큰 HAR 파일을 원활하게 분석 할 수 있습니다.
— 스테판
16

har 파일을 재생하는 가장 안정적인 방법은 Fiddler 와 같은 무료 도구를 사용하는 것입니다. .이 도구는 항상 무료이며 빠르게 다운로드 할 수 있습니다. 여는 har 파일의 사이트는 모두 버그가 있으며 큰 파일을 열 수 없습니다. Fiddler는 모든 플랫폼에서 사용할 수 있습니다.

https://www.telerik.com/download/fiddler

파일 메뉴-> 세션 가져 오기 ...로 이동합니다.

Fiddler 열기

"HTTPArchive"옵션 선택

Http Archieve 옵션을 선택하십시오.

HAR 파일 찾아보기

여기에 이미지 설명 입력

HAR 파일이 열리고 피들러 창에서 재생됩니다.

— 치비 차 카라 바르 티
소스
1
원시 파일로 내 보낸 다음 html 파일을로드하면 모든 브라우저에서 콘솔 로그를 재생할 수 있다는 것을 알았습니다.
— mikeytown2
나는 그 효과를보기 위해 har 파일에서 특정 요청 (토큰 변경)을 재생할 수 있기 때문에 피들러를 사용하는 것을 좋아합니다. 저는 개인적으로 오랫동안 Fiddler를 사용해 왔으며이 스레드는 모두 다른 경우에서 작동하는 많은 도구를 인용했기 때문에 마침내 개인적인 편안함으로 떨어집니다.
— Chibi Chakaravarthi
나도이 대답을 가장 좋아했습니다. 매우 큰 HAR 파일의 경우 Fiddler를 사용하여 초과 메시지를 필터링하고 삭제할 수 있습니다. (저는 또한 Fiddler를 꽤 오랫동안 사용해 왔기 때문에 재생을 포함한 기능에 가장 편안함을 느꼈습니다)
— HidekiAI
8

편집 : Harhar는 이제 오픈 소스입니다. 아래 URL을 업데이트했습니다.

Avalanche로드 생성기를 사용하는 경우 Harhar를 사용하여 매우 높은로드에서 HAR 파일을 재생할 수 있습니다. https://acastaner.github.io/harhar/

이 도구는 "콘텐츠와 함께 HAR로 저장"할 때 사용하는 "콘텐츠"를 처리합니다.

— Astaar
소스
2
OP가 요청한 후 몇 달이 지났음을 알고 있지만 언급 된 도구가 실제로 HAR 파일을 "재생"할 수 있으므로이 질문이 정답으로 간주되어야합니다. @Astaar, 아주 좋은 제안입니다.
— Charles Roberto Canato
전적으로 C #으로 작성되었습니다. "Windows 및 Linux (Mono)에서 작동"
— Trindaz
: 제외하고 완전히 Astaar 찰스와 동의에서, 나는 또 다른 하나 발견했습니다 github.com/Stuk/server-replay
— 케찰코아틀
6

Chrome은 이제 HAR 파일로드를 지원합니다. Chrome을 열고 F12를 누르고 네트워크 탭을 클릭하십시오. .har 파일을 끌어다 놓습니다. 완료!

— 치비 차 카라 바르 티
소스
4

Hardiff.com 은 매우 유용한 도구입니다. 하나 이상의 .har파일 을 비교할 수 있습니다 .

— 잰더
소스
2
  1. Chrome을 열고 F12를 클릭합니다.
  2. 네트워크를 클릭하십시오
  3. 크롬 네트워크 탭에서 har 파일을 끌어다 놓습니다 .

여기에 이미지 설명 입력

— S 크리슈나
소스
0

크롬 브라우저를 엽니 다. 페이지 아무 곳이나 마우스 오른쪽 버튼으로 클릭> 요소 검사> 네트워크 탭으로 이동> .har 파일 끌어서 놓기 로그가 표시되어야합니다.

— 아르 준 타쿠 르
소스
0

드래그 앤 드롭이 최상의 솔루션입니다. HAR 가져 오기 아이콘을 클릭하여 가져 오는 다른 방법을 보여주고 있습니다. 여기에 이미지 설명 입력

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