Fiddler는 가장 강력하고 유용한 웹 디버깅 도구 중 하나입니다. 모든 클라이언트 및 서버 http 및 https 요청을 기록할 수 있으므로 중단점을 모니터링하고 설정하며 입력 및 출력 데이터를 수정할 수도 있습니다. 개발과 테스트 모두에 Fiddler를 사용하세요. 모두 큰 도움이 되었습니다.
목차 읽기
- Fiddler에 대한 기본 소개
- 피들러 작동 방식
- 기타 유사한 도구
- Fiddler가 Firefox 세션을 캡처하는 방법
- Firefox에서 Fiddler 플러그인 사용
- Fiddler가 HTTPS 세션을 캡처하는 방법
- Fiddler의 기본 인터페이스
- Fiddler의 통계 보기
- QuickExec 명령줄 사용
- 요청을 수정하려면 Fiddler에서 중단점을 설정하세요.
- Fiddler에서 응답을 수정하기 위한 중단점 설정
- Fiddler에서 AutoResponder 규칙 만들기
- Fiddler에서 세션을 필터링하는 방법
- Fiddler의 세션 비교 기능
- Fiddler에서 제공되는 코딩 가젯
- Fiddler의 쿼리 세션
- Fiddler에 세션 저장
- Fiddler의 스크립트 시스템
- VS에서 웹사이트를 디버깅할 때 Fiddler를 사용하는 방법
- 응답이 왜곡되었습니다.
Fiddler에 대한 기본 소개
Fiddler 공식 웹사이트: www.fiddler2.com
Fiddler 공식 웹사이트에서는 Fiddler 학습을 위한 최고의 자료인 수많은 도움말 문서와 비디오 튜토리얼을 제공합니다.
Fiddler는 가장 강력하고 유용한 웹 디버깅 도구 중 하나입니다. 모든 클라이언트 및 서버 http 및 https 요청을 기록할 수 있으므로 중단점을 모니터링하고 설정하며 입력 및 출력 데이터를 수정할 수도 있습니다. Fiddler에는 A 하위 시스템을 기반으로 하는 강력한 도구가 포함되어 있습니다. 이벤트 스크립팅용이며 .net 언어를 사용하여 확장 가능
HTTP 프로토콜을 더 많이 이해할수록 Fiddler 사용 방법을 더 잘 익힐 수 있으며, Fiddler를 더 많이 사용할수록 HTTP 프로토콜을 이해하는 데 더 많은 도움이 됩니다.
Fiddler는 개발자와 테스터 모두에게 매우 유용한 도구입니다.
피들러 작동 방식
Fiddler는 프록시 웹 서버로 작동하며 프록시 주소: 127.0.0.1, 포트: 8888을 사용합니다. Fiddler가 자동으로 프록시를 설정하면 종료 시 자동으로 프록시에서 로그아웃되므로 다른 프로그램에는 영향을 미치지 않습니다. 그러나 Fiddler가 비정상적으로 종료되면 Fiddler가 자동으로 로그아웃되지 않으므로 웹 페이지에 액세스할 수 없습니다. 해결 방법은 Fiddler를 다시 시작하는 것입니다.
기타 유사한 도구
비슷한 도구로는 httpwatch, Firebug, Wireshark가 있습니다.
Fiddler로 Firefox 세션을 캡처하는 방법
Fiddler는 HTTP 프록시를 지원할 수 있는 모든 프로그램의 데이터 패킷을 스니핑할 수 있습니다. Fiddler의 작동 메커니즘은 실제로 로컬 시스템의 포트 8888을 수신하는 HTTP 프록시입니다. Fiddler2가 시작되면 기본 IE 프록시는 127.0.0.1:8888로 설정되지만 다른 브라우저는 수동으로 설정해야 하므로 Firefox 프록시를 127.0.0.1:8888로 변경하여 데이터를 모니터링합니다.
아래 단계에 따라 Firefox에서 프록시를 설정하세요.
도구 -> 옵션을 클릭하고 옵션 대화 상자에서 고급 탭 -> 네트워크 탭 -> 설정을 클릭합니다.
Firefox에 Fiddler 플러그인 설치
Firefox에서 프록시를 수정하는 것은 번거로운 일이며, Fiddler를 사용하지 않을 때는 프록시를 제거해야 합니다. 문제
Firefox에서 Fiddler Hook 플러그인을 사용하는 것이 좋습니다. 그러면 Fiddler를 사용하여 Firefox에서 매우 편리하게 요청과 응답을 얻을 수 있습니다.
Fiddler를 설치한 후 Fiddler 후크 플러그인이 설치되었습니다. Firefox에서 이 플러그인을 활성화해야 합니다.
Firefox 도구->추가 기능->확장을 열고 FiddlerHook를 시작합니다.
Fiddler가 HTTPS 세션을 캡처하는 방법
기본적으로 Fiddler는 HTTPS 세션을 캡처하지 않으므로 설정해야 합니다. Fiddler 도구->Fiddler 옵션->HTTPS 탭을 엽니다.
확인란을 선택하면 다음 대화 상자가 나타납니다. "예"를 클릭하세요.
"예"를 클릭하면 설정이 완료됩니다.
Fiddler의 기본 인터페이스
Fiddler의 기본 인터페이스 살펴보기
Inspectors 탭에서 요청 또는 응답을 볼 수 있는 메시지가 많이 있습니다. Raw 탭은 전체 메시지를 볼 수 있고, Headers 탭은 메시지의 헤더만 볼 수 있습니다.
Fiddler의 HTTP 통계 보기
모든 HTTP 트래픽을 표시함으로써 Fiddler는 현재 요청 중인 페이지를 생성한 파일을 쉽게 보여줄 수 있습니다. 통계 탭을 사용하면 사용자는 여러 세션을 선택하여 여러 요청 및 전송된 바이트 수와 같은 세션의 전체 정보 통계를 얻을 수 있습니다.
첫 번째 요청과 마지막 요청을 선택하여 전체 페이지를 로드하는 데 걸린 전체 시간을 가져옵니다. 막대 차트에서는 페이지 액세스 속도를 최적화하는 데 가장 많은 시간이 걸리는 요청을 식별할 수도 있습니다.
QuickExec 명령줄 사용
Fiddler의 왼쪽 하단에 QuickExec이라는 명령줄 도구가 있는데, 이를 사용하면 명령을 직접 입력할 수 있습니다.
일반적인 명령은 다음과 같습니다
help는 공식 사용법 페이지 소개를 열며 모든 명령이 나열됩니다.
cls는 화면을 지웁니다. (Ctrl+x도 화면을 지울 수 있습니다.)
세션을 선택하는 명령 선택
?.png는 png 접미사가 있는 이미지를 선택하는 데 사용됩니다.
bpu가 요청을 가로채다
요청을 수정하려면 Fiddler에서 중단점을 설정하세요.
Fiddler의 가장 강력한 기능은 중단점을 설정하는 것인데, 중단점을 설정한 후에는 양식의 호스트, 쿠키 또는 데이터를 포함한 httpRequest의 모든 정보를 수정할 수 있습니다. 중단점을 설정하는 방법에는 두 가지가 있습니다.
첫 번째 방법: Fiddler를 열고 규칙 -> 자동 중단점 -> 요청 전을 클릭합니다(이 방법은 모든 세션을 중단합니다).
명령을 제거하는 방법은 무엇입니까? 규칙->자동 중단점->비활성화를 클릭합니다.
둘째: 명령줄에 bpu www.baidu.com 명령을 입력합니다(이 방법은 www.baidu.com만 중단합니다).
명령을 제거하는 방법은 무엇입니까? 명령줄에 bpu 명령을 입력합니다.
블로그 파크의 로그인을 시뮬레이션하는 예를 들어보겠습니다. IE에서 블로그 파크의 로그인 페이지를 열고 잘못된 사용자 이름과 비밀번호를 입력한 후 Fiddler를 사용하여 세션을 중단하고 사용자 이름과 비밀번호를 올바른 것으로 변경합니다. . 이렇게 하면 성공적으로 로그인할 수 있습니다.
1. IE를 사용하여 Blog Park http://passport.cnblogs.com/login.aspx의 로그인 인터페이스를 엽니다.
2. Fiddler를 열고 명령줄에 bpu http://passport.cnblogs.com/login.aspx를 입력합니다.
3 잘못된 사용자 이름과 비밀번호를 입력하고 로그인을 클릭합니다.
4. Fiddler는 이 세션을 중단하고 중단된 세션을 선택한 다음 Inspectors 탭 아래의 WebForms 탭을 클릭하여 사용자 이름과 비밀번호를 변경한 다음 아래 그림과 같이 Run to Completion을 클릭합니다.
5. 결과적으로 블로그파크에 정상적으로 로그인이 되었습니다.
Fiddler에서 응답을 수정하기 위한 중단점 설정
물론 Fiddler에서도 응답을 수정할 수 있습니다.
첫 번째: Fiddler를 열고 규칙->자동 중단점->응답 후를 클릭합니다(이 방법은 모든 세션을 중단합니다).
명령을 제거하는 방법은 무엇입니까? 규칙->자동 중단점->비활성화를 클릭합니다.
둘째: 명령줄에 bpafter www.baidu.com 명령을 입력합니다(이 방법은 www.baidu.com만 중단합니다).
명령을 제거하는 방법은 무엇입니까? 명령줄에 bpafter 명령을 입력합니다.
구체적인 사용법은 이전 섹션과 유사하므로 자세히 설명하지 않겠습니다.
Fiddler에서 AutoResponder 규칙 만들기
Fiddler의 AutoResponder 탭을 사용하면 서버에 http 요청을 보내지 않고도 로컬로 파일을 반환할 수 있습니다.
예를 들어보겠습니다 1. Blog Park의 홈 페이지를 열고 Blog Park의 로고 이미지를 로컬에 저장한 후 이미지를 일부 수정합니다.
2. Fiddler를 열고 로고 이미지(http://static.cnblogs.com/images/logo_2012_lantern_festival.gif)가 있는 세션을 찾고 이 세션을 AutoResponer 탭으로 드래그합니다.
3. 자동 대응 활성화 및 일치하지 않는 요청 통과를 선택합니다.
4. 아래 규칙 편집기에서 파일 찾기...를 선택하고 로컬에 저장된 이미지를 선택한 후 마지막으로 저장을 클릭하여 저장합니다.
5. IE Blog Park 홈페이지를 다시 이용하시면 홈페이지에 있는 사진이 로컬 사진임을 알 수 있습니다.
Fiddler에서 세션을 필터링하는 방법
Fiddler를 사용하고 웹 사이트를 열 때마다 Fiddler에서 수십 개의 세션을 볼 수 있는데, 이는 눈부십니다. 가장 좋은 방법은 사진 대화 필터링과 같은 일부 대화를 필터링하는 것입니다. Fiddler에는 필터링 기능이 있습니다. 오른쪽의 필터 탭에는 다양한 옵션이 있습니다. 약간의 조사 후에는 사용 방법을 알게 될 것입니다.
Fiddler의 세션 비교 기능
2개의 세션을 선택하고 마우스 오른쪽 버튼을 클릭한 후 비교를 클릭하면 WinDiff를 사용하여 두 세션 간의 차이점을 비교할 수 있습니다(물론 WinDiff를 설치해야 함).
Fiddler에서 제공되는 코딩 가젯
Fiddler 도구 모음에서 TextWizard를 클릭합니다. 이 도구는 문자열을 인코딩 및 디코딩할 수 있습니다.
Fiddler의 쿼리 세션
단축키 Ctrl+F를 사용하여 세션 찾기 대화 상자를 열고 키워드를 입력하여 원하는 세션을 쿼리합니다. 쿼리된 세션은 노란색으로 표시됩니다.
Fiddler에 세션 저장
때로는 다른 사람에게 보내거나 나중에 분석할 수 있도록 대화를 저장해야 할 때도 있습니다. 세션을 저장하는 단계는 다음과 같습니다.
저장하려는 세션을 선택하고 파일->저장->선택한 세션을 클릭합니다.
Fiddler의 스크립트 시스템
Fiddler의 가장 복잡한 점은 스크립트 시스템입니다. 공식 도움말 문서: http://www.fiddler2.com/Fiddler/dev/ScriptSamples.asp
먼저 SyntaxView 플러그인을 설치하고 Inspectors 탭->SyntaxView 가져오기 탭->지금 SyntaxView 다운로드 및 설치...를 아래와 같이 설치하세요.
성공적으로 설치되면 Fiddler에는 아래와 같이 추가 Fiddler Script 탭이 표시됩니다.
여기에서 스크립트를 작성할 수 있습니다. 모든 cnblogs 세션을 빨간색으로 표시하는 예제를 살펴보겠습니다.
이 스크립트를 OnBeforeRequest(oSession: Session) 메서드 아래에 놓고 "스크립트 저장"을 클릭하세요.
if (oSession.HostnameIs("www.cnblogs.com")) {
oSession["ui-color"] = "red";
}이런 방식으로 모든 cnblogs 세션은 빨간색으로 표시됩니다.
VS에서 웹사이트를 디버깅할 때 Fiddler를 사용하는 방법
Visual Studio를 사용하여 ASP.NET 웹 사이트를 개발할 때 Fiddler를 사용하여 HTTP를 분석해야 합니다. 기본적으로 Fiddler는 로컬 호스트 웹 사이트를 스니핑할 수 없습니다. 그러나 localhost 뒤에 마침표를 추가하는 한 Fiddler는 이를 스니핑할 수 있습니다.
예: ASP.NET의 원래 주소는 http://localhost:2391/Default.aspx이고, 마침표를 추가하면 http://localhost.:2391/Default.aspx가 됩니다.
두 번째 방법은 호스트 파일에 127.0.0.1 localsite를 추가하는 것입니다.
http://localsite:port 번호에 어떻게 액세스합니까? 이런 방식으로 Fiddler도 이를 가로챌 수 있습니다.
응답이 왜곡되었습니다.
때때로 응답의 HTML이 왜곡되어 있는 것을 볼 수 있는데 이는 HTML이 압축되어 있기 때문입니다. 두 가지 방법으로 압축을 풀 수 있습니다.
1. 点击Response Raw上방법 "응답은 인코딩되어 있으므로 검사 전에 디코딩해야 할 수도 있습니다. 변환하려면 여기를 클릭하세요."
2. 도구 모음에서 "디코드"를 선택합니다. 그러면 자동으로 압축이 풀립니다.
