IntelliJ IDEA 前端调试（Js Debug）

最近在学习Draw.io项目，希望用IntelliJ对代码进行调试，因为项目中除了少部分后台代码外，几乎都是Java Script，所以希望找到一个好的JS调试方法，而不总是依赖于浏览器的开发者控制台。

网上大部分搜索结果都需要用到Chrome的JetBrains IDE support扩展，但是该扩展在Chrome扩展商店中已经下架了，而且历史最新版本2.0.10也已经无法在最新的Chrome中安装了。后来阴差阳错发现IntelliJ IDEA本身就带了JavaScript调试的功能，在此分享一下：

如上图，在Run/Debug Configurations中新建一个JsDebug项目，然后将需要调试的URL输入进去，并选择一个浏览器。

先启动服务端的Tomcat（如果需要启动服务端的程序的话），然后打好断点，再启动JsDebug项目，IntelliJ会自动拉起浏览器，跳转到指定的URl，然后就进入断点啦！

IntelliJ IDEA 前端调试（Js Debug）相关推荐

debug idea js_IntelliJ IDEA 配置chrome插件调试js代码 - 狂奔的熊二 - 博客园
调试js代码,每次都在要在代码中写debugger,或者在chrome中打断点,而且chrome的断点信息不人性化.偶然发现idea竟然有这个功能,简直神器啊.研究了半天终于搞定了,哈哈,开心.下面是 ...
IntelliJ IDEA 配置chrome插件调试js代码
调试js代码,每次都在要在代码中写debugger,或者在chrome中打断点,而且chrome的断点信息不人性化.偶然发现idea竟然有这个功能,简直神器啊.研究了半天终于搞定了,哈哈,开心.下面是 ...
如何在浏览器中调试JS代码，debug
如何在浏览器中调试JS代码,debug 首先需要一段js代码,我将它放进html文件里面: 创建一个html文件,<script>标签里面放入需要调试的js代码,html文件如下: < ...
VS调试js学习总结
vs 下如何调试js http://blog.csdn.net/ztzi321/article/details/24350915 vs能调试js,这个方法直到今天我知道,现在分享给和我一样初学vs或a ...
基于Chrome浏览器的前端调试
文章目录使用浏览器window对象的alert()方法打开浏览器控制台设置断点 debugger 代码利用Chrome控制台输出 console.log() console.table() co ...
不得不说的谷歌开发者模式：谷歌调试模式调试js代码总结
谷歌浏览器对开发者来说是一个很好的工具,确实能给开发者提供很多的方便,这是工作一年多以来,一个感触.谷歌浏览器可以在前端跟踪值传递,就像我们使用myeclipse进行debug一样,谷歌浏览器提供了强 ...
如何调试JS中鼠标悬停事件影响的元素？
如何调试JS中鼠标悬停事件影响的元素? 在日常的前端开发中,我们经常要调试许多其他开发者写的网站和代码.此时我们往往会打开浏览器的开发者工具,在 Elements,Console,Network,So ...
Google Chrome调试js入门
平常在开发过程中,经常会接触到前端页面.那么对于js的调试那可是家常便饭,不必多说.最近一直在用火狐的Firebug,但是不知道怎么的不好使了.网上找找说法,都说重新安装狐火浏览器就可以了,但是我安装 ...
后端接收到信息并返回了但是前端无响应_Bug的噩梦：前端调试必备的7个“大杀器”...
全文共1527字,预计学习时长6分钟图源:unsplash 应用程序漏洞,前端调试人员的秃头之源.如果您一直从事前端工作,就会知道修复应用程序漏洞有多么困难. 特别是使用JavaScript时,一个 ...

IntelliJ IDEA 前端调试（Js Debug）

IntelliJ IDEA 前端调试（Js Debug）相关推荐

最新文章

热门文章