support extension debug debugging webstorm liveedit

debugging - debug - extension jetbrains



¿Por qué el LiveEdit de WebStorm no funciona en Chrome? (7)

¿Por casualidad tienes abierto IntelliJ? El punto es que el puerto, 63342, está "ocupado" por otra aplicación (incluso si no tiene nada que ver con la depuración de HTML).

Cuando el puerto está ocupado, LiveEdit intenta el siguiente, 63343. Si hace clic con el botón derecho en el icono JB en Chrome, elija Opciones, incremente el puerto en uno y presione Aplicar, mágicamente se conectará. Me gustaría que Jetbrains se hubiera molestado en informar al usuario cuál es el puerto que está intentando usar en este momento.

En mi PC sucedió cuando tenía Mac encendido. Cualquiera de las siguientes opciones funcionó: 1. Matar IntelliJ IDEA (que también estaba abierto) e intentarlo de nuevo 2. Incrementar el puerto en uno como lo mencioné anteriormente.

Estoy explorando la versión de prueba de WebStorm y me gustaría usar las funciones de LiveEdit.

No puedo usar las funciones de LiveEdit después de realizar las siguientes acciones:

  1. Se aseguró de que LiveEdit esté encendido
  2. Instala la extensión de Chrome
  3. Reinició el navegador después de instalar la extensión (aún sospecho que no es necesario)
  4. Ejecuta la página HTML en chrome

Cuando modifico el cuerpo HTML, no veo los cambios reflejados en Chrome.

Leí en un foro que no se requiere netty.

¿Lo necesitamos?

¿Qué más necesito configurar para poder usar la función LiveEdit?

PS: Estoy usando WebStorm 5.0.


Desactivar la configuración de conexión automática de las propiedades de Internet Explorer me funcionó sin problemas. IE es el jefe.


En mi caso, la edición en vivo fue deshabilitada (por alguna razón)


Lo que ayudó en mi caso fue activar "Puede aceptar conexiones externas" en Configuración -> Construir, Ejecutar, Implementar -> Depurador

Configuraciones de WebStorm

Más detalles según lo solicitado:

  1. Instala la extensión IDE de JetBrains para Chrome
  2. Asegúrese de que el complemento de LiveEdit esté instalado y activado (Configuración -> Complementos)
  3. Asegúrese de que la opción "Puede aceptar conexiones externas" esté marcada (Configuración -> Construir, Ejecutar, Implementación -> Depurador) Y el puerto es el mismo que en la extensión de Chrome
  4. Asegúrese de que la Actualización esté configurada en "Automático en (ms)", por ejemplo, 300 (Configuración -> Generar, Ejecutar, Implementación -> Depurador -> Editar en vivo)

No pude hacer que Chrome y Webstorm se vincularan entre sí. El complemento de Chrome se estableció en 63343 puertos o algo así. Estoy en Windows. Abrí la línea de comandos con privilegios de administrador y escribí:

netstat -a -b

Para ver todos los programas y puertos que están escuchando. Luego encontré la primera entrada con respecto a WebStorm.exe y vi que estaba escuchando en el puerto 30897. Establecí ese número de puerto en mis opciones de complemento de Chrome, y todo funcionó.


Tuve que ir a Ejecutar -> Depurar (CTRL + F5 en Windows)


Una solución rápida: en la configuración del complemento de Chrome, use la ip 0.0.0.0 para el host.