IDEA 調試前端代碼JS 及安裝JetBrains IDE Support


收藏從未間斷,學習從未開始。

不需要F12窗口,不需要JS代碼寫debugger斷點,不需要寫console.log()輸出

 

 

一、JetBrains IDE Support

1、 必須使用谷歌瀏覽器,安裝JetBrains IDE Support

 

2、添加程序后,會在程序管理界面看到,且右上角有相應的小圖標

 

 

3、設置訪問端口

右鍵小圖標,點擊選項

填入地址和端口號

 

 

二、IDEA 設置 

1、配置TOMCAT時必須勾上,且選擇chrome瀏覽器。

 

 

 

2、 設置端口號

如果端口號不一致則無法使用

 

 

三、開啟調試模式

前提

1、TOMCAT的中JAVA-WEB項目要debugger啟動

 

2、 頁面點擊開發調試模式 (inspect in idea)

可點擊瀏覽器右上角圖標啟動,或者頁面內右鍵,Inspect in idea 啟動

注意:如沒出現下圖的東西,可重啟電腦(具體原因不知,略神奇)

 

 

 開啟動后,瀏覽器出現這個就是成功了

 

 

 

 

 四、添加斷點

跟IDEA的debugger  java代碼一樣,可進行前進跳入跳出等操作

 

 

當到達斷點位置,瀏覽器頁面出現debugger停止內容。。可進行正常的調試

 

 

 

 

 

這樣操作的便利在於不需要F12 瀏覽器進入調試模式,及JS代碼 不需要再寫debugger來進行 調試

注意:瀏覽器F12 窗口,不可打開。否則會沖突無效

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM