7. Tips/Visual Studio

Visual Studio 로 인터넷익스플로어(iexplorer) 디버그 하기

SSKK 2009. 3. 3. 00:21

원래 되는 기능이었겠지만 웹쪽엔 그닥 관심도 없었고 경험도 없었던지라 잘 몰랐었는데, Visual Studio로 html 내에 작성된 VBScript나 JavaScript 를 디버깅할 수 있다는 걸 알게 되었다. "디버그>프로세스에 연결" 기능을 활용한 것인데 이미 떠있는 프로세스에 대한 디버깅을 지원하므로 아주 유용한 기능이다. 근데 잘 모르거나 경험이 없다면 거의 쓰지 않는 기능이다. 나도 학생때 부터 지금까지 Visual Studio 6.0에 걸쳐 2005를 한 8년 넘게 다루고 있는것 같은데... 이제서야 직접 다루게 된다...ㅋ

1. Script가 포함된 html 문서를 작성한후, 인터넷 익스플로어로 연다.

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
</head>
<body>

<script>
var xmlhttp=null;

  var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.5.0");
  xmlhttp.Open("POST", "http://localhost", true);
  xmlhttp.onreadystatechange= HandleStateChange;
  xmlhttp.Send();

function HandleStateChange()
{
  if (xmlhttp.readyState == 4)
  {
    WScript.Echo("Result = " + xmlhttp.responseXML.xml);
  }
}
</script>
</body>
</html>




2. Visual Studio 를 실행하고 "디버그>프로세스에 연결" 을 실행한 후 해당 프로세스인 iexplorer.exe를 선택한다.

3. 그러면 html 문서가 Visual Studio 내에 보일것이고, 원하는 스크립트 위치에 디버깅을 건다.



4. 열려있는 인터넷 익스플로어에서 F5 (리로드) 를 실행한다.

5. 그러면 아래와 같이 디버깅 할 수 있음을 볼 수 있다.




과정은 위와 같이 간단한데 중요한건 "프로세스에 연결" 기능을 사용하는 것이다. 이 기능은 여러모로 활용이 가능하니 알고는 있어야 한다.