Fiddler 클러치 기술 의 기초 응용 (一)
앞 에 쓰다
HTTP 패키지 기술 에 대한 응용 프로그램 을 쓰 고 싶 었 는데, 마침내 블 로그 에 여러 달 동안 초안 을 잡 은 후에 이 글 을 썼 다.
머리말
웹 개발 과정 에서 HTTP 요청 을 감시 하 는 데 가장 자주 사용 되 고 편리 한 것 은 크롬 의 개발 도구 인 Network 옵션 이다.
그러나 네트워크 도 특별히 편리 하지 않 은 부분 이 많다. 예 를 들 어:
Windows (모 바 일 장치) 에서 HTTP 요청 을 Fiddler 로 디 버 깅 합 니 다. 상기 요 구 를 만족 시 킬 수 있 는 것 을 제외 하고 두 가지 선택 이 있 습 니 다.
Browser 와 HTTP Proxy 를 비교 하 는 것 이 타당 하지 않 을 수도 있 습 니 다. 필 자 는 단지 Fiddler 의 강력 한 장점 을 열거 하여 Chrome Network 와 의 차 이 를 느끼 게 할 뿐 입 니 다.
그러나 웹 개발 자로 서 HTTP 요청 을 능숙 하 게 디 버 깅 할 수 있 는 것 은 생산력 을 가장 빠르게 향상 시 킬 수 있 는 기술 과 능력 이다.
준비 시작
다음은 원자재:
Fiddler Web Debugger 4.6
설치 절 차 는 매우 간단 해서 만 자 를 생략 합 니 다.
Fiddler 열기
강력 한 HTTP 디 버 깅 도구 로 서 Fiddler 의 아이콘 은 2 차 버 전 으로 바 뀌 었 고 지금 은 90 도 를 뒤 집 는 녹색 정사각형 + F 가 되 었 습 니 다.
외형 이 저조 하고 드 러 내지 않 는 Icon 은 여전히 그의 강 함 을 감 출 수 없다.
Fiddler 의 시작 인터페이스:
Tips 1: 시작 하면 Fiddler 는 시스템 프 록 시 를 직접 변경 하여 모든 HTTP 요청 을 차단 합 니 다. (Wininet API 에 의존) 디 버 깅 할 HTTP 요청 이 Fiddler 에 들 어가 지 않 으 면 해당 프로그램 이 시스템 프 록 시 를 가지 않 고 직접 요청 한 것 을 설명 합 니 다.필 자 는 윈도 클 라 이언 트 를 개발 할 때 이 문 제 를 겪 은 적 이 있 는데 나중에 인터넷 Query Option API 로 해결 했다.
Tips 2: 한 프로그램 에 대해 HTTP 로 디 버 깅 을 요청 할 때 Toolbar 의 AnyProcess 단 추 를 누 르 고 디 버 깅 하려 는 프로그램 창 으로 끌 어 다 놓 아 보 세 요. -- >
Tips 3: F12 는 HTTP 요청 을 차단 할 지 여 부 를 빠르게 전환 할 수 있 습 니 다.
Fiddler 의 Inspectors
이 장 에서 Inspectors 의 몇 가지 기능 을 배 울 수 있 습 니 다.
화면 오른쪽 에서 Inspectors 로 자동 전환 되 며,
위 프레임 에 요청 한 가방 이 있 습 니 다: Header + Request Body, 아래 는 되 돌아 오 는 데이터 로 표 시 됩 니 다:
너무 익숙 하 죠?그러면, 우 리 는 Request 와 Response 의 옵션 을 Raw, 즉 원시 데이터 로 바 꿉 니 다.
HTTP 가 요청 한 가장 원시 적 인 데이터 도 앞 에 펼 쳐 집 니 다. 분할 선 중간의 입력 상 자 를 통 해 Request 를 검색 하거나 아래 의 입력 상 자 를 통 해 Response 데 이 터 를 검색 할 수 있 습 니 다. 간단 하고 편리 합 니 다.
Tips 1: 현재 gzip 은 HTTP 압축 의 표준 중 하나 가 되 었 습 니 다. 거의 모든 텍스트 기반 HTTP 요청 이 돌아 온 후에 Inspectors 의 Raw 탭 에 노란색 항목 이 있 습 니 다. Response is Encoded and many require decoding before inspection, Click here to transform. Toolbar 위의 Decode 단 추 를 누 르 면 자동 으로 Decode 할 수 있 습 니 다.
Fiddler 의 Composer
이 장 에서 너 는 Composer 의 몇 가지 기능 을 배 울 수 있다.
폼 에 HTTP 요청 을 마음대로 입력 할 수 있 습 니 다. 예 를 들 어 www. baidu. com 에 HTTP 요청 을 보 낼 수 있 습 니 다.
그리고 Header 를 가 져 옵 니 다 (갈고리 에 Log Requests):
User-Agent: Iphone
Send-By:Fiddler
그리고 왼쪽 Request Log 에서 이 요청 을 찾 을 수 있 습 니 다:
Composer 두 번 째 옵션 은 Raw, 즉 원본 요청 입 니 다.
HTTP 요청 에 익숙 하 다 면 직접 수 동 으로 입력 할 수 있 습 니 다.
Composer 세 번 째 옵션 은 ScratchPad 입 니 다. 즉, 여러 개의 원본 요청 을 동시에 저장 할 수 있 습 니 다.
그리고 선택 적 으로 보 냅 니 다. 보 내 는 방법 은 하 이 라 이 트 를 선택 하고 Execute 를 누 르 는 것 입 니 다.
마지막, 옵션 옵션:
Fiddler 의 Statistics 와 Timeline
Fiddler 는 시간 과 성능 에 있어 서 많은 공 을 들 였 다.Statistics 옵션 에서 다음 과 같은 시간 을 볼 수 있 습 니 다.
심지어 에 스 티 메 이 트 월 드 와 이 드 퍼 포 먼 스 는 인터넷 에 따라 시간 예측 이 다르다.
마찬가지 로 Timeline 에서 우 리 는 하나 이상 의 요청 을 선택 하여 해당 하 는 요청 시간 을 볼 수 있 습 니 다.
끝나다
이 를 보고 웹 개발 자라 면 피 들 러 의 가장 기본 적 인 용법 을 알 아야 한다.
도움 이 됐 으 면 좋 겠 습 니 다.
(2) 에서 더욱 깊 은 기초 과정 이 있 을 것 이다.
전재: 발톱 블 로그 (http://djunny.com/)
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fiddler 클러치 기술 의 기초 응용 (一)본 고 를 통 해 Fiddler 의 기본 소개 와 Inspectors, Composer, Statistics 와 Timeline 응용 을 배 울 수 있 습 니 다. 강력 한 HTTP 디 버 깅 도구 로 서 Fiddl...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.