Freigeben über

표시 서식 파일 디버그

  • Artikel

최초 문서 게시일: 2012년 7월 24일 화요일

사용자 지정 표시 서식 파일 사용에 대한 최근 게시물을 게시한 직후에 가장 먼저 받은 질문 중 하나가 '표시 서식 파일을 디버그하려면 어떻게 해야 합니까?'입니다. 다음과 같은 몇 가지 방법이 있습니다.

  1. 표시 서식 파일에서 첫 번째 div 태그 뒤에 사용자의 javascript를 추가하고 debugger; 문을 삽입합니다. 반드시 IE에서 스크립트 디버깅 사용 안 함 옵션 선택을 취소하고 브라우저를 다시 시작해야 합니다. 이렇게 하면 Visual Studio에서 중단하고 모든 변수와 쿼리 값을 가져올 수 있으므로 매우 유용합니다.

     

  2. 두 번째 방법은 약간의 "하드 코딩"이 필요하여 제가 별로 좋아하지는 않지만 지금까지는 문제 없이 잘 작동합니다. 다음과 같이 하십시오.

    1. F12 키를 눌러 IE 개발자(IE Developer) 창을 엽니다.
    2. 스크립트(Script) 탭을 클릭합니다.
    3. 스크립트 파일의 드롭다운 목록에서 clientrenderer.js를 선택합니다.
    4. CoreRenderWorker 함수를 찾습니다. 저는 보통 마지막에서 두 번째 스크립트 줄로 이동하고 End 키를 눌러 함수를 찾습니다.
    5. 해당 함수 안의 첫 번째 코드 줄을 클릭하여 강조 표시합니다. 이 줄은 "var a;"와 비슷합니다.
    6. 마우스 오른쪽 단추로 클릭하여 메뉴에서 중단점 삽입(Insert Breakpoint)을 선택합니다.
    7. 디버깅 시작(Start Debugging) 단추를 클릭합니다.
    8. 브라우저로 돌아가서 쿼리를 실행합니다.
    9. 디버거가 중단되면 창의 오른쪽에서 로컬(Locals) 탭을 클릭한 다음 "c" 변수 옆의 + 기호를 클릭하여 확장합니다.
    10. 여기서 모든 변수를 볼 수 있지만 대개 디버거에서 재생(Play) 단추를 클릭하여 계속하려고 합니다. 새로운 코드 집합이 로드될 때마다 "c" 변수는 축소됩니다. 포함된 데이터를 보려면 돌아가서 다시 확장해야 합니다. 일반적으로 재생(Play) 단추를 3~5번 클릭하면 "CurrentItem" 개체가 "c" 변수 아래에 표시됩니다. 여기에는 단일 검색 결과가 표시되며 요청한 관리 속성에 대한 모든 값을 자세히 볼 수 있습니다. 이 기능은 매우 유용하며 Visual Studio가 필요하지 않습니다.

 

이 문서는 번역된 블로그 게시물입니다. 원본 문서는 Debugging Display Templates를 참조하십시오.