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

相关文章
相关标签/搜索