비주얼 웹 디벨로퍼 2005 익스프레스로 자바스크립트 디버그 하기
비주얼 웹 디벨로퍼 2005 익스프레스로 자바스크립트의 디버그 작업을 할 수 있습니다. 그러나 개발환경이 비주얼 웹 디벨로퍼 2005 익스프레스가 아닌 상황이라면, 디버그 작업이 허용되지 않습니다. 상용 비주얼 스튜디오 2005에서는 스크립트의 디버거가 필요한 상황에서 인터넷 익스플로러에서 바로 연결을 시켜주지만, 익스프레스 버전에서는 그러한 기능이 제외되었기 때문입니다. 여기서는 개발환경이 비주얼 웹 디벨로퍼 2005 익스프레스가 아닌 경우에 어떻게 비주얼 웹 디벨로퍼 2005 익스프레스에서 인터넷 익스플로러 브라우저의 스크립트 디버그를 할 수 있을지를 알아보도록 하겠습니다. 방법은 간단하며, 다음을 따라 해보시면 됩니다. 우선 다음과 같이 디버그 작업을 해볼 소스를 하나 준비하겠습니다.
펌 : http://delimount.com
출처 : http://cafe.daum.net/aspdotnet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">이제 이 파일을 비주얼 웹 디벨로퍼 2005 익스프레스에서 디버그하는 방법은 다음과 같습니다.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/java script">
window.0nload = function() {
var hello = document.getElementById( "Hello" );
debugger;
alert!( hello.innerHTML );
}
</script>
</head>
<body>
<div id="Hello">Hello</div>
</body>
</html>
- 비주얼 웹 디벨로퍼 2005 익스프레스를 실행합니다.
- 파일 > 새 웹 사이트를 클릭합니다.
- 빈 웹 사이트를 선택한 후, 위치 항목은 파일 시스템을 선택해서 적당한 경로를 선택해줍니다. 이 경로는 그냥 임시로 쓰이며, 아무 파일도 필요없이 그냥 빈 디렉터리면 됩니다.
- 확인을 클릭합니다.
- 이제 솔루션 탐색기를 보면 새 솔루션이 하나 생성되어있을 것입니다.
- 메뉴의 디버그 > 디버깅 시작을 클릭합니다.
- 디버깅 사용 안 함이라는 창이 나타났다면, 디버깅하도록 설정한 새 Web.config 파일 추가를 선택한 후 확인을 클릭합니다.
- 이제 잠시후면, 비주얼 웹 디벨로퍼 2005 익스프레스가 인터넷 익스플로러를 실행할 것입니다. 실행될 인터넷 익스플로러는 디버그 모드로 비주얼 웹 디벨로퍼 2005 익스프레스가 스크립트에 간섭할 수 있는 상태가 됩니다.
- 이제 이 인터넷 익스플로러 창에서 아까 작성한 파일을 열어줍니다.
- 이제 파일의 9번째 줄의 debugger; 라는 코드가 하이라이트 되면서 해당 라인에서 스크립트 실행이 멈추고, 비주얼 웹 디벨로퍼 2005 익스프레스가 해당페이지를 디버그 할 수 있는 상태가 될 것입니다.
- 이제 마음껏 디버깅을 즐기시면 됩니다.
펌 : http://delimount.com
출처 : http://cafe.daum.net/aspdotnet