debug idea js_IntelliJ IDEA 配置chrome插件调试js代码 - 狂奔的熊二 - 博客园

调试js代码,每次都在要在代码中写debugger,或者在chrome中打断点,而且chrome的断点信息不人性化。偶然发现idea竟然有这个功能,简直神器啊。研究了半天终于搞定了,哈哈,开心。下面是详细步骤:

1.在chrome应用商店搜索"jetbrains ide support"插件,可能需要FQ(不会百度,老D google host),如下图,这里是我安装好的。这里我试过找下载好的插件,安装但是没有连接成功,总是提示错误,下文会提到。所以别偷懒,老老实实FQ下载。

20b81a4ecc55b294c6171959e1054504.gif

安装成功后如右上角会出现此图标

20b81a4ecc55b294c6171959e1054504.gif

2.idea中配置如下,和配置tomcat类似

20b81a4ecc55b294c6171959e1054504.gif

20b81a4ecc55b294c6171959e1054504.gif

这两步配置好以后,就可以debug启动,打断点访问了。

20b81a4ecc55b294c6171959e1054504.gif

注意:当然如果真的是这么顺利,也就没必要在这里写博客了。

需要注意的是,不要找下载好的插件安装,一是安装后不起作用,二是chrome不信任未知来源的插件,重启后会自动停用插件,所以还是FQ在线安装靠谱,

离线安装一直提示这个信息,怎么配置都不成功。哭脸。

20b81a4ecc55b294c6171959e1054504.gif

还有在插件图标上右键,选项,如下图,可以配置端口,这里要和idea里的一致才行;

20b81a4ecc55b294c6171959e1054504.gif

20b81a4ecc55b294c6171959e1054504.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值