데꾸벅 - 정리되지 않은 생각들

FireFox에서 Fiddler 사용 및 Json Formatter설치 :: Scripter/JAVASCRIPT

올바른 성장과 따뜻한 나눔이 있는 넥스트리

Ajax 관련 프로젝트를 진행하다 보면 HTTP Request/Response 및 헤더정보를 읽어오는 경우가 종종 발생한다. 그러나 Firefox의 경우 Firebug가 있어서 개발하기 상당히 편한데....
여튼... Fiddler를 Firefox에 붙여보기나 하자

넥스트리 사내 위키에 포스팅했던걸 다시 정리해서 올려본다
(어차피 데꾸벅이 쓴글이라.. ㅡ.,ㅡ;)

[Fiddler에 Json Formatter붙이기 ]

XML은 기존의 훌륭한 Formatter와 개발툴들이 많이 있으나(가량, XMLSpy와 같이..) JSON에서는 해당하는 포맷터를 찾기 힘들었다.
Visualizer같은것이 있다면 좋을텐데 라는 생각에 검색을 보니 아래와 같이 좋은놈(?)이 있었다.. Search is life ㅡ.,ㅡ;

Formatter
http://curiousconcept.com/jsonformatter

Visualizer
http://www.codeplex.com/JsonViewer/Project/ProjectRss.aspx (이넘은 Fiddler Plugin까지 있다.)
http://www.epocalipse.com/blog/2007/06/03/json-viewer/

이놈은 StandAlone형태, Visual Studio Plug-in, Fiddler에서 Plug-in형식으로 볼수 있게 해준다
Fiddler에서 사용하는 방법은 아래와 같다.

Fiddler2 (http://www.fiddler2.com) 를 설치하고 해당 디렉토리의 fiddler.exe.config파일을 열어서 아래와 같이 추가한다.

<configuration> 
  <runtime> 
    <legacyUnhandledExceptionPolicy enabled="1" />
 <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
     <probing privatePath="Inspectors" />
 </assemblyBinding>
  </runtime> 
</configuration>

과 같이 설정후 Inspectors 디렉토리에 다운로드 받은 dll파일을 추가한다.

FireFox에서의 사용
FireFox에서 Fiddler를 사용하려면 설정의 고급->네트워크->연결->프록시설정에서 아래의 프록시 자동설정주소에서
file:///C:/사용자문서위치/Documents/Fiddler2/Scripts/BrowserPAC.js 을 입력후 새로고침한후 실행하면 된다. (아래 다시 설명.. ㅡ.,ㅡ;)

참고적으로 IE7 에서 실행이 안되거나 Fiddler2에서 폰트가 깨져나올때
Tools > Fiddler Options 에서 Enable IPv6 항목을 uncheck 해주면 된다.

만일 localhost가 잡히지 않는다면 Rules > Customize Rules(Ctrl+R)에서 다음과 같이 추가한다.
static function OnBeforeRequest(oSession: Session)
{
if (oSession.host.toLowerCase() == "localhost") { oSession.host = "127.0.0.1"; }

if (!(oSession.host == "127.0.0.1" || oSession.host == "127.0.0.1:8080" || oSession.host.toLowerCase() == "localhost" || oSession.host.toLowerCase() == "localhost:8080")) { oSession["ui-hide"] = "true"; }

을 추가한다. 첫번째 줄은 로컬호스트를 캡쳐할수 있게 하는것이고 두번째줄은 로컬호스트를 제외한 건에 대해서는 보여주지 말라는 얘기이다.

[FireFox에서 Fiddler사용하기]

Fiddler는 브라우저와 서버와의 HTTP 통신 상태를 보여주는 HTTP Debugging proxy이다. Fiddler에 대해서는 다음을 참조한다. (http://www.fiddlertool.com)
Fiddler를 사용할 경우 IE나 Opera 또는 그 외의 HTTP 통신은 모두 잡는다. 그런데 유독 firefox의 HTTP 통신은 잡지 못한다.

다음과 같은 방법으로 firefox에서도 fiddler를 사용할 수 있다.

1. Fiddler를 설치하고 실행한다.

2. "내 문서" 폴더 밑에 보면 "Fiddler2"라는 폴더가 있다. 그 하위 폴더에 Scripts라는 폴더가 있으며 이 디렉토리 경로를 복사한다.

3. Firefox를 열어 "도구 > 설정" 메뉴에서 "고급"을 선택한다.

4. 고급메뉴에서 "네트워크" 탭의 연결의 "설정" 버튼을 선택하여 "프록시 자동 설정 주소"를 선택하고 위에서 디렉토리 경로를 붙여넣고 마지막에 "BrowserPAC.js" 파일을 추가한다.
예) C:\Documents and Settings\stan\My Documents\Fiddler2\Scripts\BrowserPAC.js

5. "새로고침"을 클릭하고 "확인" 버튼을 클릭한다.

6. Firefox를 restart하면 firefox의 HTTP 통신이 fiddler에 잡힌다.

이올린에 북마크하기(0)

이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Scripter > JAVASCRIPT' 카테고리의 다른 글

JSON에 대한 작은 단상 : JSON Diet (0)	2008/04/16
HTML include하기 (0)	2008/04/15
FireFox에서 Fiddler 사용 및 Json Formatter설치 (2)	2008/04/01
Javascript and jQuery Talk (0)	2008/03/29
XHTML1일때 스크롤링시 문제점 (0)	2008/03/28
자바스크립트로 루비프로그래밍을? (2)	2008/03/28