Chrome에서 jsp 페이지 내의 javascript를 디버그 하시겠습니까? 난 단지 .js 파일 찾을 수있는 개발자 도구 창에서</p> <pre><code><script> var error = "${error}"; if(error != ""){ alert(error); } </script> </code></pre> <p>:

Question

크롬과 같은 JSP 페이지 안에 자바 스크립트를 디버깅하는 방법이 있나요.

Answer 1

JSP는 서버 측에서 해석되어 거기에서 해석되고 궁극적으로 HTML로 바뀌어 브라우저로 전송되기 때문에 브라우저에서 JSP 파일을 보지 않을 것입니다. Chrome 개발자 도구의 소스 탭에는 왼쪽에있는 소스 목록의 페이지 자체 마크 업 (페이지 이름이 무엇이든간에 이름이 지정되거나 (program)과 같은 일반적인 이름이 지정 될 수 있음) . 거기에 JavaScript 코드를 찾을 수 있습니다 (JSP에 넣은 JS가 궁극적으로 페이지에 렌더링되어야하므로). 중단 점을 배치하고 일반 .js 파일로 할 수있는 모든 작업을 수행 할 수 있어야합니다.

Answer 2

마법의 단어 debugger을 입력하고 개발자 도구를 열고 페이지를 다시로드하여 디버깅하십시오. 그것은 중단 점처럼 작동합니다 :

<script> 
var error = "${error}"; 

debugger 

if(error != ""){ 
    alert(error); 
} 
</script>