블로그 이미지

카테고리

데꾸벅 (194)
Publisher (39)
Scripter (97)
Programmer (1)
Designer (30)
Integrator (18)
Pattern Searcher (4)
News (2)
강좌 및 번역 (3)

최근에 올라온 글

최근에 달린 댓글

'json formatter visualizer'에 해당되는 글 1건

  1. 2008.04.01 FireFox에서 Fiddler 사용 및 Json Formatter설치 2
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에 잡힌다.



[HTTP Tracing Tools]
참고적으로 Fiddler 말고 다른 형태의 HTTP Hooking을 하려면 다음과 같은 도구들이 있다. 참조하시길..
받기 귀찮은 분들은 여기서.. 쿨럭~













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

JSON에 대한 작은 단상 : JSON Diet  (1) 2008.04.16
HTML include하기  (0) 2008.04.15
Javascript and jQuery Talk  (0) 2008.03.29
XHTML1일때 스크롤링시 문제점  (0) 2008.03.28
자바스크립트로 루비프로그래밍을?  (2) 2008.03.28
Post by 넥스트리소프트 데꾸벅(techbug)
, |