본문 바로가기
Language_/html

[Javascript] 디버깅 방법

by 낭람_ 2021. 11. 14.
반응형

Javascript를 분석해야하는데 이번에 디버깅 방법을 알아서 작성한다 ㅠ..

 

<html>
<head>
    <title>Javascript Test</title>

    <script>
        for(var i=0; i<10; i++) {
            if(i%2==0)
                alert("even");
            else 
                alert("odd");
        }
    </script>
	
</head>
<body>
</body>
</html>

 

우선 크롬으로 html 파일을 열어서 F12(개발자 도구)를 열어준다.

 

 

Sources에 들어가서 해당 Line에 클릭을 하면 화살표가 생기는데 누르면 BP가 생긴다.

 

F5를 눌러서 새로고침을 하면 해당 BP에 멈춰있는 것을 확인할 수 있다.

 

 

화살표 버튼을 눌러서 계속 진행할 수 있으며, Breakpoints부분을 통해 걸려있는 BP를 확인할 수 있다.

반응형

'Language_ > html' 카테고리의 다른 글

[javascript] 생년월일 Brute Force 코드  (0) 2021.11.14
[html] 시작  (0) 2018.08.12

댓글