当前位置: Chrome插件首页 > Chrome插件问答 > webstorm用JetBrains IDE Support调试时要怎么设置才能实现自动刷新?

webstorm用JetBrains IDE Support调试时要怎么设置才能实现自动刷新?

Chrome插件问答
程序员在使用Webstorm完成开发后,都是需求进行页面调试的,最常用的浏览器调试插件就是 JetBrains IDE Support 扩展程序。 如果程序员没有安装浏览器调试插件,点击webstorm调试时会提示:
程序员在使用Webstorm完成开发后,都是需求进行页面调试的,最常用的浏览器调试插件就是JetBrains IDE Support扩展程序。

jb插件


如果程序员没有安装浏览器调试插件,点击webstorm调试时会提示:
webstorm调试

我们在使用
JetBrains IDE Support扩展程序进行web调试时经常遇到的问题就是自动刷新了。每次都手动刷新就会特别麻烦,那么如何
JetBrains IDE Support调试时要怎么设置实现自动刷新?

具体方法如下:
1.webstorm ->file ->setting ->搜 live edit 后checkbox选择auto in (ms) 后面数字填毫秒数,代表更改后刷新频率,保存.

2,继续chrome中jetbrain IDE Support插件右键选项进来后,确认一下本地路径127.0.0.1 和端口是63342(和IDE匹配就行),如下图所示:

js插件设置
3.开启alt+f2启动页面后对页面右键,点击inspect in webstorm ,然后会有提示框正在调试.

希望以上的分享对你有帮助,感谢支持谷歌浏览器插件网。




相关内容推荐

Webstorm网页调试插件:JetBrains IDE Support

开发者插件 2019-03-05 20:22:16

JetBrains IDE Support是一款支持编译即时显示在浏览器上调试的谷歌浏览器插件。作为web开发人员常用的开发者插件,程序员习惯称之为JB插件。这款调试插件需要与一些开发工具结合使用,

LiveReload

开发者插件 2019-12-07 22:57:11

LiveReload监控文件系统中的更改。 一旦您保存文件,就会根据需要进行预处理,浏览器将被刷新。更酷,当您更改CSS文件或图像时,浏览器会立即更新,无需重新加载页面。为官方LiveR

开发常用工具(Develop Tools)

开发者插件 2019-11-18 16:57:20

开发常用工具(Develop Tools)Chrome插件是一款可以安装到谷歌浏览器上使用,并支持所有chrome内核浏览器安装操作的浏览器辅助插件,这款开发常用工具包含Unix时间戳、URL编码/解码、汉字转

Separate Window

办公插件 2019-12-05 21:55:29

Separate Window是一款便捷的网页窗口分离Chrome插件。它的主要功能就是可以帮您分离网页,让您同时浏览两个页面上的内容。并且插件还支持快速关闭,可以在关闭分离出来的页面同时保

JetBrains IDE Support v2.0.10

开发者插件 2019-03-05 20:23:21

使用 Google Chrome 的 JetBrains IDE 支持扩展在 web storm 2017.2 或更早版本 (或 JetBrains 的其他 IDE) 中调试客户端应用程序或者在 web storm 2018.2 或更早版本中使用实时编辑功能。

Auto Refresh Plus

辅助插件 2019-12-23 23:54:55

Auto Refresh Plus插件具有自动刷新页面,以及页面监控功能等,您可以根据需要设置刷新间隔。Auto Refresh Plus不仅刷新页面,还支持内容检测,当您要在动态网页中查找某些内容时,此功能

Auto Refresh Plus

办公插件 2019-12-23 23:50:42

Auto Refresh Plus插件具有自动刷新页面,以及页面监控功能等,您可以根据需要设置刷新间隔。Auto Refresh Plus不仅刷新页面,还支持内容检测,当您要在动态网页中查找某些内容时,此功能