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 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站专注于 Java、数据库(MySQL、Oracle)、Linux、软件架构及大数据等多领域技术知识分享。涵盖丰富的原创与精选技术文章,助力技术传播与交流。无论是技术新手渴望入门,还是资深开发者寻求进阶,这里都能为您提供深度见解与实用经验,让复杂编码变得轻松易懂,携手共赴技术提升新高度。如有侵权,请来信告知:hxstrive@outlook.com
公众号