首页 > Web开发 > 详细

IDEA 调试前端代码JS 及安装JetBrains IDE Support

时间:2019-09-16 13:07:46      阅读:368      评论:0      收藏:0      [点我收藏+]

收藏从未间断,学习从未开始。

不需要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 窗口,不可打开。否则会冲突无效

 

IDEA 调试前端代码JS 及安装JetBrains IDE Support

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!