JetBrains IDE Support – HTML / CSS / JavaScript编辑和JavaScript调试

点击下载:JetBrains_IDE_Support_2.0.10.crx

使用JetBrains IDE进行HTML / CSS / JavaScript编辑JavaScript调试

介绍与使用方法:

1、下载安装插件,添加程序后,会在程序管理界面看到,且右上角有相应的小图标。

2、设置访问端口,右键小图标,点击选项填入地址和端口号。

3.1、IDEA 设置:配置TOMCAT时必须勾上,且选择chrome浏览器或者其他浏览器。

3.2、设置端口号,如果端口号不一致则无法使用。

4.1、开启调试模式:TOMCAT的中JAVA-WEB项目要debugger启动。

4.2、页面点击开发调试模式 (inspect in idea),可点击浏览器右上角图标启动,或者页面内右键,Inspect in idea 启动

注意:如没出现下图的东西,可重启电脑(具体原因不知,略神奇)

开启动后,浏览器出现这个就是成功了。

5、添加断点:跟IDEA的debugger  java代码一样,可进行前进跳入跳出等操作。

6、当到达断点位置,浏览器页面出现debugger停止内容,可进行正常的调试。

这样操作的便利在于不需要F12 浏览器进入调试模式,及JS代码 不需要再写debugger来进行 调试

注意:浏览器F12 窗口,不可打开。否则会冲突无效。

给TA买糖
共{{data.count}}人
人已赞赏
实用插件

超星Tampermonkey脚本推荐 – 一个插件倒下去,千百个脚本站起来

2021-7-9 13:58:52

实用插件

PageSpeed Insight and CheckList – 为网页优化提供建议和量化指标!

2021-7-14 20:27:51

重要说明

本站资源大多来自网络,如有侵犯你的权益请联系管理员Mankey 或给邮箱发送邮件l.0.h#foxmail.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索