學以緻用，歡迎轉載，更多聯系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 視窗，不可打開。否則會沖突無效