Why does WebStorm's LiveEdit not work in Chrome?

Question

I am exploring WebStorm\'s trial version and would like to use the LiveEdit features.

I am not able to use the LiveEdit features after performing the following actions

Answer 1

For anyone googling this thread, LiveEdit is now supported without a plugin. Just go into settings and uncheck "Use JetBrains IDE Support extension for debugging and Live Edit".

Without the extension, the debugging and live edit are more reliable based on my personal experience.

Answer 2

A quick fix: in the Chrome addon configuration, use the ip 0.0.0.0 for the host.

Answer 3

In my case live edit was just disabled (for some reason)

Answer 4

I had to go to Run -> Debug (CTRL+F5 on Windows)

Answer 5

Do you happen to have IntelliJ open by chance? The point is that the port, 63342, is 'seized' by another app (even if it has nothing to do with HTML debugging).

When the port is busy, LiveEdit tries the next one, 63343. If you right click the JB icon on Chrome, choose Options, increment the port by one, and press Apply, you will magically connect. I wish Jetbrains would have bothered to inform the user what is the port that they are currently attempting to use.

In my PC it happened when I had Mac on. Either one of the following worked: 1. Kill IntelliJ IDEA (that was also open) and try again 2. Increment the port by one as I mentioned above.

Answer 6

What helped in my case was activating "Can accept external connections" under the Settings -> Build, Execute, Deployment -> Debugger

WebStorm Settings

---

More details as requested:

1. Installed the JetBrains IDE Extension for Chrome
2. Make sure the LiveEdit Plugin is installed and activated (Settings -> Plugins)
3. Make sure "Can accept external connections" is checked (Settings -> Build, Execute, Deployment -> Debugger) AND Port is the same as in the Chrome Extension
4. Make sure Update ist set to "Auto in (ms)" e.g. 300 (Settings -> Build, Execute, Deployment -> Debugger -> Live Edit)