표시 서식 파일 디버그
최초 문서 게시일: 2012년 7월 24일 화요일
사용자 지정 표시 서식 파일 사용에 대한 최근 게시물을 게시한 직후에 가장 먼저 받은 질문 중 하나가 '표시 서식 파일을 디버그하려면 어떻게 해야 합니까?'입니다. 다음과 같은 몇 가지 방법이 있습니다.
표시 서식 파일에서 첫 번째 div 태그 뒤에 사용자의 javascript를 추가하고 debugger; 문을 삽입합니다. 반드시 IE에서 스크립트 디버깅 사용 안 함 옵션 선택을 취소하고 브라우저를 다시 시작해야 합니다. 이렇게 하면 Visual Studio에서 중단하고 모든 변수와 쿼리 값을 가져올 수 있으므로 매우 유용합니다.
두 번째 방법은 약간의 "하드 코딩"이 필요하여 제가 별로 좋아하지는 않지만 지금까지는 문제 없이 잘 작동합니다. 다음과 같이 하십시오.
- F12 키를 눌러 IE 개발자(IE Developer) 창을 엽니다.
- 스크립트(Script) 탭을 클릭합니다.
- 스크립트 파일의 드롭다운 목록에서 clientrenderer.js를 선택합니다.
- CoreRenderWorker 함수를 찾습니다. 저는 보통 마지막에서 두 번째 스크립트 줄로 이동하고 End 키를 눌러 함수를 찾습니다.
- 해당 함수 안의 첫 번째 코드 줄을 클릭하여 강조 표시합니다. 이 줄은 "var a;"와 비슷합니다.
- 마우스 오른쪽 단추로 클릭하여 메뉴에서 중단점 삽입(Insert Breakpoint)을 선택합니다.
- 디버깅 시작(Start Debugging) 단추를 클릭합니다.
- 브라우저로 돌아가서 쿼리를 실행합니다.
- 디버거가 중단되면 창의 오른쪽에서 로컬(Locals) 탭을 클릭한 다음 "c" 변수 옆의 + 기호를 클릭하여 확장합니다.
- 여기서 모든 변수를 볼 수 있지만 대개 디버거에서 재생(Play) 단추를 클릭하여 계속하려고 합니다. 새로운 코드 집합이 로드될 때마다 "c" 변수는 축소됩니다. 포함된 데이터를 보려면 돌아가서 다시 확장해야 합니다. 일반적으로 재생(Play) 단추를 3~5번 클릭하면 "CurrentItem" 개체가 "c" 변수 아래에 표시됩니다. 여기에는 단일 검색 결과가 표시되며 요청한 관리 속성에 대한 모든 값을 자세히 볼 수 있습니다. 이 기능은 매우 유용하며 Visual Studio가 필요하지 않습니다.
이 문서는 번역된 블로그 게시물입니다. 원본 문서는 Debugging Display Templates를 참조하십시오.