Debuguj javascript na stronie jsp w przeglądarce Chrome?

Question

Czy istnieje sposób do debugowania JavaScript, który jest wewnątrz strony JSP, jak ten z chrome:

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

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

w oknie Narzędzia dla programistów mogę tylko wybrać js plików.

Answer 1

Nie widać pliku JSP w przeglądarce, ponieważ strony JSP są obsługiwane po stronie serwera i są tam interpretowane, a następnie przekształcane w kod HTML, który jest następnie wysyłany do przeglądarki. W Narzędziach deweloperów Chrome karta Źródła powinna wyświetlać samą stronę (cały znacznik strony) na liście źródeł po lewej stronie (może ona być nazwana bez względu na nazwę strony lub może być nazwana czymś generycznym, np. (program)) . Możesz tam znaleźć swój kod JavaScript (ponieważ JS, który umieścisz w swojej stronie JSP, powinien ostatecznie zostać wyświetlony na stronie) i powinieneś być w stanie umieścić w nim punkty przerwania i zrobić cokolwiek innego, co możesz, używając zwykłego pliku .js.

Answer 2

Umieść magiczne słowo debugger, otwórz narzędzia dla programistów i odśwież stronę, aby ją zdebugować. Działa jak punkt przełomowy:

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

debugger 

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