Почему WebStorm LiveEdit не работает в Chrome?

Я изучаю пробную версию WebStorm и хотел бы использовать функции LiveEdit.

Я не могу использовать функции LiveEdit после выполнения следующих действий:

  1. Убедился, что LiveEdit включен
  2. Установил расширение Chrome
  3. Перезапустил браузер после установки расширения (я все еще подозреваю, что это не требуется)
  4. Запустите HTML-страницу в Chrome

Когда я изменяю тело HTML, я не вижу изменений, отраженных в Chrome.

Я прочитал на форуме, что netty не требуется.

Нам это нужно?

Что еще мне нужно настроить, чтобы я мог использовать функцию LiveEdit?

PS: я использую WebStorm 5.0.

Ответы

Ответ 1

Вы случайно открыли IntelliJ? Дело в том, что порт 63342 "схвачен" другим приложением (даже если он не имеет ничего общего с отладкой HTML).

Когда порт занят, LiveEdit пытается выполнить следующий, 63343. Если вы щелкните правой кнопкой мыши значок JB в Chrome, выберите "Параметры", увеличьте порт на единицу и нажмите "Применить", вы волшебным образом подключитесь. Я бы хотел, чтобы Jetbrains побеспокоились сообщить пользователю, какой порт, который они в настоящее время пытаются использовать.

На моем ПК это случилось, когда у меня был Mac. Либо один из следующих работал: 1. Убейте IntelliJ IDEA (это тоже было открыто) и повторите попытку 2. Увеличьте порт на один, как я упоминал выше.

Ответ 2

Мне нужно было запустить Run → Debug (CTRL + F5 в Windows)

Ответ 3

В моем случае живое редактирование было просто отключено (по какой-то причине)

enter image description here

Ответ 4

Что помогло в моем случае было активировать "Может принимать внешние подключения" в разделе "Настройки" → "Сборка, выполнение, развертывание → отладчик"

Настройки WebStorm

Подробнее о запросе:

  • Установлено расширение IDE JetBrains для Chrome
  • Убедитесь, что плагин LiveEdit установлен и активирован (Настройки → Плагины)
  • Убедитесь, что установлен флажок "Может принимать внешние подключения" ( "Настройки" → "Сборка, выполнение, развертывание → отладчик" ) И. Порт такой же, как в расширении Chrome
  • Убедитесь, что для параметра Update ist установлено значение "Auto in (ms)", например. 300 (Настройки → Сборка, Выполнение, Развертывание → Отладчик → Редактирование в реальном времени)

Ответ 5

Я не могу заставить Chrome и Webstorm связываться друг с другом. Плагин Chrome был настроен на порт 63343 или что-то в этом роде. Я нахожусь в Windows. Я открыл командную строку с правами администратора и набрал:

netstat -a -b

чтобы просмотреть все программы и порты, которые они прослушивают. Затем я нашел первую запись в отношении WebStorm.exe и увидел, что она прослушивает порт 30897. Я установил этот номер порта в своих настройках chrome plugin, и все сработало.

enter image description here

Ответ 6

Быстрое исправление: в конфигурации аддонов Chrome используйте ip 0.0.0.0 для хоста.

Ответ 7

Отключение автоматической настройки соединения из свойств Internet Explorer работало для меня плавно. IE - босс.

Ответ 8

Для тех, кто ищет этот поток, LiveEdit теперь поддерживается без плагина. Просто зайдите в настройки и снимите флажок "Использовать расширение поддержки JetBrains IDE для отладки и Live Edit".

Без расширения отладка и редактирование в реальном времени более надежны, исходя из моего личного опыта.