IDEA在Chrome浏览器中调试

本文将介绍怎样使用 JetBrains+IDE+Support+2.0.7.crx Chrome插件实现IDEA调试代码,且在IDEA中修改HTML/CSS文件,不需要刷新Chrome浏览器。

先去下载 JetBrains+IDE+Support+2.0.7.crx 插件(该插件可以在本文章末尾附件下载),成功下载后将插件安装到Chrome。点击Chrome的菜单,选择“更多工具”-> “扩展程序”,然后将你下载的 crx 插件拖入到Chrome 的扩展程序界面,如下图:

IDEA在Chrome浏览器中调试

在弹出的确认添加扩展程序框中选择“添加”按钮。安装成功如下图:

IDEA在Chrome浏览器中调试

上图中,有 JB 图标的就是我们刚刚安装好的插件。下面我们继续去启动WebStorm开发工具,如下图:

IDEA在Chrome浏览器中调试

我们在打开的 index.html 中右键,选择“Debug index.html”命令,此时将自动打开Chrome浏览器(如果你默认浏览器就是Chrome)。如下图:

IDEA在Chrome浏览器中调试

运行成功后将会看见,如下图的输出信息:

IDEA在Chrome浏览器中调试

此时,你再次去修改HTML页面中的内容,你会发现,你并不需要去刷新Chrome浏览器。

「资源下载」

少壮不努力,老大徒悲伤。——汉乐府古辞《长歌行》
0 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号