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

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

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

 

 

1、JetBrains IDE Supportchrome

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

 

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

 

 

三、設置訪問端口學習

右鍵小圖標,點擊選項idea

填入地址和端口號debug

 

 

2、IDEA 設置 3d

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

 

 

 

二、 設置端口號

若是端口號不一致則沒法使用

 

 

3、開啓調試模式

前提

一、TOMCAT的中JAVA-WEB項目要debugger啓動

 

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

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

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

 

 

 開啓動後,瀏覽器出現這個就是成功了

 

 

 

 

 4、添加斷點

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

 

 

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

 

 

 

 

 

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

注意:瀏覽器F12 窗口,不可打開。不然會衝突無效

 

原文出處:https://www.cnblogs.com/cjw111/p/11526504.html

相關文章
相關標籤/搜索