为什么WebStorm的LiveEdit无法在Chrome中运行?

时间:2012-12-28 12:23:14

标签: debugging webstorm liveedit

我正在探索WebStorm的试用版,并希望使用LiveEdit功能。

执行以下操作后,我无法使用LiveEdit功能:

  1. 确保LiveEdit已开启
  2. 安装了Chrome扩展程序
  3. 安装扩展程序后重新启动浏览器(我仍然怀疑它不是必需的)
  4. 以chrome格式运行HTML页面
  5. 当我修改HTML正文时,我看不到Chrome中反映的更改。

    我在一个论坛上读到不需要netty。

    我们需要它吗?

    我还需要配置什么才能使用LiveEdit功能?

    PS:我正在使用WebStorm 5.0。

8 个答案:

答案 0 :(得分:22)

你碰巧偶然开启了IntelliJ吗? 关键是端口63342被另一个应用程序“占用”(即使它与HTML调试无关)。

当端口忙时,LiveEdit会尝试下一个,63343。如果右键单击Chrome上的JB图标,选择选项,将端口递增1,然后按应用,您将神奇地连接。我希望Jetbrains能够告诉用户他们目前正在尝试使用的端口是什么。

在我的电脑上,它发生在Mac上。以下任何一个工作: 1.杀死IntelliJ IDEA(也是开放的)并再试一次 2.如上所述,将端口增加一个。

答案 1 :(得分:8)

我必须去Run - >调试(Windows上的CTRL + F5)

答案 2 :(得分:3)

在我的情况下,实时修改刚刚被禁用(出于某种原因)

enter image description here

答案 3 :(得分:3)

在我的案例中帮助激活了设置下的“可以接受外部连接” - >构建,执行,部署 - >调试器

WebStorm Settings

按要求提供更多详情:

  1. 安装了JetBrains IDE Extension for Chrome
  2. 确保已安装并激活LiveEdit插件(设置 - >插件)
  3. 确保选中“可以接受外部连接”(设置 - >构建,执行,部署 - >调试器) AND 端口与Chrome扩展程序中的相同
  4. 确保将更新设置为“自动输入(毫秒)”,例如300(设置 - >构建,执行,部署 - >调试器 - >实时编辑)

答案 4 :(得分:1)

我无法让Chrome和Webstorm相互链接。 Chrome插件设置为63343端口或类似的东西。 我在Windows上。我打开了具有管理员权限的命令行并键入:

netstat -a -b

查看他们正在收听的所有程序和端口。然后我找到了关于WebStorm.exe的第一个条目,看到它正在侦听端口30897.我在我的chrome插件选项中设置了该端口号,一切正常。

enter image description here

答案 5 :(得分:1)

快速解决方法:在Chrome插件配置中,使用ip 0.0.0.0作为主机。

答案 6 :(得分:1)

对于使用此线程的任何人,现在都支持不带插件的LiveEdit。只需进入设置,然后取消选中“使用JetBrains IDE支持扩展进行调试和实时编辑”。

如果没有扩展,根据我的个人经验,调试和实时编辑会更可靠。

答案 7 :(得分:0)

从Internet Explorer属性关闭自动连接配置对我来说很顺利。 IE是老板。