使用Chrome在jsp頁面中調試javascript？

Question

有沒有辦法來調試JavaScript這是一個jsp頁面中，類似這樣的鍍鉻：

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

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

在開發工具窗口，我只能找到.js文件。

Answer 1

您不會在瀏覽器中看到JSP文件，因爲JSP是服務器端的，並且會在那裏解釋並最終轉換成HTML，然後發送到您的瀏覽器。在Chrome開發工具中，您的Sources選項卡應該在左側的源列表中列出頁面本身（您的頁面的標記完整）（它可以命名爲您的頁面，或者可以命名爲(program)） 。您可以在那裏找到您的JavaScript代碼（因爲您放入JSP中的JS應該最終呈現給頁面），並且您應該可以在其中放置斷點，並使用普通的.js文件進行任何其他操作。

Answer 2

放入魔法字debugger，打開開發者工具，重新加載頁面進行調試。它的工作原理類似於斷點：

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

debugger 

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