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

存於世,必要拯救世界,希望的燈光也需要積累。
記之已身,學以致用,歡迎轉載,更多聯繫QQ:289325414

不需要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 窗口,不可打開。否則會衝突無效

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章