【问题标题】:Why does WebStorm's LiveEdit not work in Chrome?为什么 WebStorm Live Edit 在 Chrome 中不起作用?
【发布时间】:2012-12-28 12:23:13
【问题描述】:

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

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

  1. 确保 LiveEdit 已打开
  2. 安装了 Chrome 扩展程序
  3. 安装扩展后重新启动浏览器(我仍然怀疑它不是必需的)
  4. 在 chrome 中运行 HTML 页面

当我修改 HTML 正文时,我看不到 Chrome 中反映的更改。

我在论坛上看到不需要 netty。

我们需要它吗?

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

PS:我使用的是 WebStorm 5.0。

【问题讨论】:

标签: debugging webstorm liveedit


【解决方案1】:

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

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

在我的 PC 中,它发生在我打开 Mac 时。以下任一方法有效: 1.杀死IntelliJ IDEA(也打开)并重试 2. 如上所述,将端口加一。

【讨论】:

  • 谢谢,在 JB 的 chrome 插件中增加端口号解决了我的问题。
  • 如果您使用的端口与默认 IDE 端口(63342、63343)不同,它不会自行更改。
  • 在我的情况下(Arch),63343 被另一个 IDE 占用并且 63342 工作。嗯,这很奇怪,但感谢您的提示
  • 如果我需要在实时编辑期间打开 intellij 想法怎么办?我怎样才能做到这两点?
【解决方案2】:

我必须去运行 -> 调试(在 Windows 上是 CTRL+F5)

【讨论】:

    【解决方案3】:

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

    WebStorm Settings


    根据要求提供更多详细信息:

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

    【讨论】:

    • 你能提供更多细节吗?
    • 更新了原帖的更多细节
    • 还记得从“设置 -> 构建、执行、部署”中删除您定义的服务器。
    【解决方案4】:

    就我而言,实时编辑只是被禁用(出于某种原因)

    【讨论】:

      【解决方案5】:

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

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

      【讨论】:

        【解决方案6】:

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

        netstat -a -b
        

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

        【讨论】:

        • 这确实有助于缩小范围。就像你说的,我的 phpstorm 运行在 63343 时,它监听的实际端口少了 1 个,63342
        • 这仍然有效;这是很好的信息。另一方面,这个例程需要一段时间。我的防火墙立即提供了同样的信息。
        【解决方案7】:

        快速修复:在 Chrome 插件配置中,使用 ip 0.0.0.0 作为主机。

        【讨论】:

          【解决方案8】:

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

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2013-11-25
            • 2012-03-07
            • 1970-01-01
            • 1970-01-01
            • 2012-05-04
            • 1970-01-01
            相关资源
            最近更新 更多