存於世,必要拯救世界,希望的燈光也需要積累。
記之已身,學以致用,歡迎轉載,更多聯繫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 窗口,不可打開。否則會衝突無效