웹 개발자를위한 네트워크 모니터


9

구글 크롬을 사용할 때 편리한 네트워크 모니터 도구가 있습니다. 그러나 크롬 네트워크 도구는 현재 열려있는 웹 페이지 만 추적합니다.

사용 가능한 복잡한 네트워크 모니터 도구가 많이 있으며 크롬 네트워크 모니터 도구의 기능 만 필요합니다.

모든 브라우저 (Chrome, Firefox, IE 등) 활동을 추적하기 위해 크롬 네트워크 도구와 동일한 아이디어와 인터페이스를 가진 도구를 찾고 있습니다.

누군가 그런 도구를 알고 있습니까?

원하는 기능이 포함 된 일부 스크린 샷 :

다운로드 된 모든 파일의 개요 모든 네트워크 활동에 대한 개요

파일을 선택할 때 헤더를 잘 볼 수 있습니다 헤더

탭 응답으로 본문 내용이 표시됩니다. 함유량


Chrome 네트워크 모니터의 스크린 샷을 업로드하여 무엇을 찾아야하는지 알려주세요. 확장 프로그램 인 경우 Chrome 웹 스토어에서 확장 프로그램 페이지에 대한 링크를 제공하십시오.
matan129

모든 크롬 브라우저의 표준은 마우스 오른쪽 버튼을 클릭-> 검사-> 네트워크를 볼 때 볼 수 있습니다. 요청하신대로 스크린 샷을 업로드하겠습니다.
botenvouwer

좋아, 크롬이 설치되어 있지 않으므로 스크린 샷을 기다릴 것입니다.
matan129

이제 스크린 샷이 보입니다. 그러나 이것은 개발자 도구로 크롬에서만 사용할 수 있으며 다른 브라우저에서도 비슷한 도구로 제공됩니다. 나는 진행중인 모든 트래픽에 적용되는 이와 같은 웹 페이지 검사 도구가 있다고 믿기 어렵다는 것을 알게되었습니다. 그러나 나는 여전히 이것에 대해 조사 할 것입니다. 무언가를 찾으면 최대한 빨리 답변을 드리겠습니다.
matan129

However the chrome network tool only keeps track of the current open webpage-실제로 하단 바에서 그 실선이 보입니까? 그것을 클릭하면 네트워크 활동이 웹 페이지 사이에 유지됩니다.
이즈 카타

답변:


22

http://fiddler2.com/ 에서 Fiddler를 사용해보십시오.

나는 그것을 웹 개발에 사용하고 특히 이전에 기록 된 http 요청을 수정하고 재생할 수있는 것이 편리하다는 것을 알았습니다.


2

HTTP 헤더와 콘텐츠에 관심이 있지만 모든 트래픽에 관심이있는 것 같습니다. Wireshark는 더 복잡한 도구이지만 처음에는 레이아웃과 다양한 기능을 위협하지만 원하는 것을 쉽게 제공 할 수 있습니다.

  1. wireshark를 실행
  2. 통신 할 어댑터 (예 : 인터넷 어댑터)를 선택하고 캡처를 시작하십시오.
  3. "필터 :"필드에 "http.request"(sans quotes)를 입력하고 적용을 누르십시오.

결과 출력에는 시스템의 각 요청이 포함됩니다 (브라우저 세션 이상의 가능성이 있습니다. 너무 많이받는 경우 필터에 "&& ip.addr =="를 추가하여 트래픽을 추가로 필터링하는 것이 좋습니다. 출력의 트래픽). 서버 이름 만 알고 있으면 명령 줄에서 "nslookup .com"을 사용하여 서버의 IP 주소를 확인할 수 있습니다.

Wireshark의 상단 프레임에서 요청을 클릭하면 중간 프레임에 레이어가 표시됩니다. "Hypertext Transfer Protocol"레이어 옆에있는 +를 눌러 요청의 헤더를 표시하십시오.

마지막으로, 응답 헤더 또는 컨텐츠를보고 싶다면 상단 프레임에서 관심 요청을 마우스 오른쪽 단추로 클릭하고 "TCP 스트림 따르기"를 클릭하십시오.

참고 : 위의 모든 내용은 로컬 호스트 127.0.0.1에서 호스팅하는 웹 서버에 대한 트래픽을 캡처하려고하지 않는다고 가정합니다.


0

찰스를 찾았습니다 . Windows, Linux 및 Mac에서 무료로 사용할 수 있습니다. 내 의견으로는 Chrome 개발 도구와 매우 유사합니다.


이 도구는 더 많은 Firefox 플러그인이며 무료가 아닙니다. 30 일 평가판입니다!
botenvouwer

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