Debug javascript nella pagina jsp con Chrome?

Question

C'è un modo per eseguire il debug javascript che si trova all'interno di una pagina JSP, in questo modo con Chrome:

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

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

Nella finestra Strumenti di sviluppo posso solo trovare i file js.

Answer 1

Non si vedrà un file JSP nel browser, poiché i JSP sono lato server e sono interpretati lì e infine trasformati in HTML che viene quindi inviato al browser. Negli Strumenti di sviluppo di Chrome, la scheda Fonti dovrebbe elencare la pagina stessa (il markup della tua pagina nella sua interezza) nell'elenco delle fonti sulla sinistra (potrebbe essere denominato qualunque sia la tua pagina o potrebbe essere chiamato qualcosa di generico come (program)) . Puoi trovare il tuo codice JavaScript lì (dal momento che il JS che hai inserito nel tuo JSP dovrebbe essere stato sottoposto a rendering alla pagina) e dovresti essere in grado di posizionare punti di interruzione e fare qualsiasi altra cosa con un semplice file .js.

Answer 2

Metti la parola magica debugger, apri gli strumenti di sviluppo e ricarica la pagina per eseguire il debug. Funziona come breakpoint:

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

debugger 

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