Fiddler 클러치 기술 의 기초 응용 (一)

8389 단어 fiddlerhttp 패키지
본 고 를 통 해 Fiddler 의 기본 소개 와 Inspectors, Composer, Statistics 와 Timeline 응용 을 배 울 수 있 습 니 다.
앞 에 쓰다
HTTP 패키지 기술 에 대한 응용 프로그램 을 쓰 고 싶 었 는데, 마침내 블 로그 에 여러 달 동안 초안 을 잡 은 후에 이 글 을 썼 다.
머리말
웹 개발 과정 에서 HTTP 요청 을 감시 하 는 데 가장 자주 사용 되 고 편리 한 것 은 크롬 의 개발 도구 인 Network 옵션 이다.
그러나 네트워크 도 특별히 편리 하지 않 은 부분 이 많다. 예 를 들 어:
  • 리 플레이 네트워크 는 Http 헤 더 를 수정 할 수 없습니다
  • Http 요청 중단 불가
  • 시스템 이나 플러그 인 에 만 의존 하여 HOST
  • 를 수정 할 수 있 습 니 다.
  • Response Body 형식 을 직관 적 으로 볼 수 없습니다 (Preview 창 이 있 음 에 도 불구 하고)
  • 잠깐 만.
    Windows (모 바 일 장치) 에서 HTTP 요청 을 Fiddler 로 디 버 깅 합 니 다. 상기 요 구 를 만족 시 킬 수 있 는 것 을 제외 하고 두 가지 선택 이 있 습 니 다.
  • 더 강력 한 HTTP 요청 과거 기록 필터
  • 더 강 한 성능 분석
  • 더 많은 데이터 전시 방식: HexView, WebView, SyntaxView
  • 강력 한 데이터 여과 방식
  • 유연 한 확장 스 크 립 트
  • Remote Debug

  • Browser 와 HTTP Proxy 를 비교 하 는 것 이 타당 하지 않 을 수도 있 습 니 다. 필 자 는 단지 Fiddler 의 강력 한 장점 을 열거 하여 Chrome Network 와 의 차 이 를 느끼 게 할 뿐 입 니 다.
    그러나 웹 개발 자로 서 HTTP 요청 을 능숙 하 게 디 버 깅 할 수 있 는 것 은 생산력 을 가장 빠르게 향상 시 킬 수 있 는 기술 과 능력 이다.
    준비 시작
    다음은 원자재:
    Fiddler Web Debugger 4.6
    설치 절 차 는 매우 간단 해서 만 자 를 생략 합 니 다.
    Fiddler 열기
    강력 한 HTTP 디 버 깅 도구 로 서 Fiddler 의 아이콘 은 2 차 버 전 으로 바 뀌 었 고 지금 은 90 도 를 뒤 집 는 녹색 정사각형 + F 가 되 었 습 니 다.
    외형 이 저조 하고 드 러 내지 않 는 Icon 은 여전히 그의 강 함 을 감 출 수 없다.
    Fiddler.png
    Fiddler 의 시작 인터페이스:
    Fiddler 抓包技术的基础应用(一)_第1张图片
    Tips 1: 시작 하면 Fiddler 는 시스템 프 록 시 를 직접 변경 하여 모든 HTTP 요청 을 차단 합 니 다. (Wininet API 에 의존) 디 버 깅 할 HTTP 요청 이 Fiddler 에 들 어가 지 않 으 면 해당 프로그램 이 시스템 프 록 시 를 가지 않 고 직접 요청 한 것 을 설명 합 니 다.필 자 는 윈도 클 라 이언 트 를 개발 할 때 이 문 제 를 겪 은 적 이 있 는데 나중에 인터넷 Query Option API 로 해결 했다.
    Tips 2: 한 프로그램 에 대해 HTTP 로 디 버 깅 을 요청 할 때 Toolbar 의 AnyProcess 단 추 를 누 르 고 디 버 깅 하려 는 프로그램 창 으로 끌 어 다 놓 아 보 세 요. -- >  anyprocess.jpg
    Tips 3: F12 는 HTTP 요청 을 차단 할 지 여 부 를 빠르게 전환 할 수 있 습 니 다.
    Fiddler 의 Inspectors
    이 장 에서 Inspectors 의 몇 가지 기능 을 배 울 수 있 습 니 다.
  • Fiddler 기초 기능 Inspectors
  • 를 어떻게 사용 합 니까?
  • Raw 데이터 어떻게 보기
  • 처음에 우 리 는 매우 직관 적 이 고 간단하게 Fiddler 를 사용 할 수 있 습 니 다. 바로 왼쪽 Request Log 의 임의의 기록 을 클릭 하 는 것 입 니 다.
    Fiddler 抓包技术的基础应用(一)_第2张图片
    화면 오른쪽 에서 Inspectors 로 자동 전환 되 며,
    위 프레임 에 요청 한 가방 이 있 습 니 다: Header + Request Body, 아래 는 되 돌아 오 는 데이터 로 표 시 됩 니 다:
    Fiddler 抓包技术的基础应用(一)_第3张图片
    너무 익숙 하 죠?그러면, 우 리 는 Request 와 Response 의 옵션 을 Raw, 즉 원시 데이터 로 바 꿉 니 다.
    Fiddler 抓包技术的基础应用(一)_第4张图片
    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 할 수 있 습 니 다. inspector_decode.jpg
    Fiddler 의 Composer
    이 장 에서 너 는 Composer 의 몇 가지 기능 을 배 울 수 있다.
  • Parsed 요청
  • Raw 요청
  • ScratchPad 면 판 사용
  • 옵션 설명
  • 오른쪽 에 있 는 Composer 를 열 면 첫 번 째 는 Parsed 옵션 카드 입 니 다. 매우 간단 하고 명료 한 HTTP 요청 폼 입 니 다.
    폼 에 HTTP 요청 을 마음대로 입력 할 수 있 습 니 다. 예 를 들 어 www. baidu. com 에 HTTP 요청 을 보 낼 수 있 습 니 다.
    그리고 Header 를 가 져 옵 니 다 (갈고리 에 Log Requests):
    User-Agent: Iphone
    Send-By:Fiddler

    Fiddler 抓包技术的基础应用(一)_第5张图片
    그리고 왼쪽 Request Log 에서 이 요청 을 찾 을 수 있 습 니 다:
    composer_log.jpg
    Composer 두 번 째 옵션 은 Raw, 즉 원본 요청 입 니 다.
    HTTP 요청 에 익숙 하 다 면 직접 수 동 으로 입력 할 수 있 습 니 다.
    Fiddler 抓包技术的基础应用(一)_第6张图片
    Composer 세 번 째 옵션 은 ScratchPad 입 니 다. 즉, 여러 개의 원본 요청 을 동시에 저장 할 수 있 습 니 다.
    그리고 선택 적 으로 보 냅 니 다. 보 내 는 방법 은 하 이 라 이 트 를 선택 하고 Execute 를 누 르 는 것 입 니 다.
    Fiddler 抓包技术的基础应用(一)_第7张图片
    마지막, 옵션 옵션:
  • Inspector Session: 같은 세 션 으로 연결 (같은 도 메 인 이나 호스트 의 경우)
  • Fix Content - Length Header: Post 요청 을 보 낼 때 Header 의 Content - Length 를 자동 으로 추가 하거나 수정 합 니 다.
  • Follow Redirect: 자동 루트 HTTP 상태 코드 는 301 과 302 에서 Location 를 되 돌려 달 라 는 요청 입 니 다.
  • Automatical Authenticate: 자동 으로 인증 합 니 다.
  • Tear Off: Composer 를 움 직 이 는 창 으로 바 꿉 니 다.

  • Fiddler 의 Statistics 와 Timeline
    Fiddler 는 시간 과 성능 에 있어 서 많은 공 을 들 였 다.Statistics 옵션 에서 다음 과 같은 시간 을 볼 수 있 습 니 다.
  • ClientConnected
  • ClientBeginRequest
  • GotRequestHeaders
  • ClientDoneRequest
  • Determine Gateway
  • DNS Lookup
  • TCP/IP Connect
  • HTTPS Handshake
  • ServerConnected
  • FiddlerBeginRequest
  • ServerGotRequest
  • ServerBeginResponse
  • GotResponseHeaders
  • ServerDoneResponse
  • ClientBeginResponse
  • ClientDoneResponse
  • HeaderLength

  • 심지어 에 스 티 메 이 트 월 드 와 이 드 퍼 포 먼 스 는 인터넷 에 따라 시간 예측 이 다르다.
    마찬가지 로 Timeline 에서 우 리 는 하나 이상 의 요청 을 선택 하여 해당 하 는 요청 시간 을 볼 수 있 습 니 다.
    Fiddler 抓包技术的基础应用(一)_第8张图片
    끝나다
    이 를 보고 웹 개발 자라 면 피 들 러 의 가장 기본 적 인 용법 을 알 아야 한다.
    도움 이 됐 으 면 좋 겠 습 니 다.
    (2) 에서 더욱 깊 은 기초 과정 이 있 을 것 이다.
  • Filter: Filter 를 통 해 필터 요청
  • AutoResponser: AutoResponser 를 통 해 규칙 을 만 들 고 요청 을 다시 쓰 는 방법.
  • TextWizard: 작은 도구 사용
  • HOST: 사용 하기 쉬 운 HOST 수정 신기
  • RemoteDebug: 원 격 장치 의 Debug
  • (3) 에서 주로 HTTP 단점 과 Fiddler Script 의 사용 을 설명 합 니 다.
  • Fiddler 에서 Request 정지점 사용
  • Fiddler 에서 Response 정지점 사용
  • Fiddler Script 의 설명 과 간단 한 응용
  • 의외 의 사고 없 이 제 (4) 이후 에는 Fiddler 의 실전 애플 리 케 이 션 이 될 예정 입 니 다. 주목 해 주 십시오.
    전재: 발톱 블 로그 (http://djunny.com/)

    좋은 웹페이지 즐겨찾기