web-dev-qa-db-ja.com

WebStormのLiveEditがChromeで機能しないのはなぜですか？

WebStormの試用版を調べていますが、LiveEdit機能を使用したいと思います。

次のアクションを実行した後、LiveEdit機能を使用できません。

  1. LiveEditがオンになっていることを確認しました
  2. Chrome拡張機能をインストールしました
  3. 拡張機能をインストールした後、ブラウザを再起動しました（まだ必要ないと思われます）
  4. HTMLページをChromeで実行する

HTML本文を変更しても、変更がChromeに反映されていません。

私はフォーラムでnettyは必要ないことを読みました。

必要ですか？

LiveEdit機能を使用できるようにするには、他に何を構成する必要がありますか？

PS：私はWebStorm5.0を使用しています。

debuggingwebstormliveedit
22
rajmalhotraml

たまたまIntelliJを開いたことがありますか？重要なのは、ポート63342が別のアプリによって「押収」されていることです（HTMLデバッグとは関係がない場合でも）。

ポートがビジー状態の場合、LiveEditは次の63343を試行します。ChromeのJBアイコンを右クリックし、[オプション]を選択し、ポートを1つインクリメントして、[適用]を押すと、魔法のように接続されます。 Jetbrainsが、ユーザーが現在使用しようとしているポートをわざわざユーザーに通知してくれればよかったのにと思います。

私のPCでは、Macをオンにしたときに発生しました。次のいずれかが機能しました：1。IntelliJIDEA（これも開いていました）を強制終了し、再試行します2.上記のようにポートを1つインクリメントします。

23
Meymann

[実行]-> [デバッグ]（WindowsではCTRL + F5）に移動する必要がありました

10
Diego Vieira

私の場合ライブ編集（何らかの理由で）無効にされただけです

enter image description here

3
Artiom

私の場合に役立ったのは、[設定]-> [ビルド、実行、展開]-> [デバッガー]で[外部接続を受け入れることができます]をアクティブにすることでした。

WebStorm設定

要求に応じて詳細：

  1. JetBrainsをインストールIDE Chrome用拡張機能
  2. LiveEditプラグインがインストールされ、アクティブ化されていることを確認します（[設定]-> [プラグイン]）
  3. [外部接続を受け入れることができます]がオンになっていることを確認します（[設定]-> [ビルド、実行、展開]-> [デバッガー]）[〜＃〜]および[〜＃〜]ポートはChrome拡張機能と同じです
  4. [更新]が[自動入力（ミリ秒）]に設定されていることを確認してください。例： 300（[設定]-> [ビルド、実行、展開]-> [デバッガー]-> [ライブ編集]）
3
Dimi S

このスレッドをグーグルで検索する人のために、LiveEditはプラグインなしでサポートされるようになりました。設定に移動し、[JetBrainsを使用するIDEデバッグとライブ編集の拡張機能をサポートする]]のチェックを外します。

拡張機能がないと、私の個人的な経験に基づいて、デバッグとライブ編集の信頼性が高まります。

2
user5683572

簡単な修正：Chromeアドオン構成で、ホストにip 0.0.0.0を使用します。

1
Nabil Kadimi

ChromeとWebstormを相互にリンクさせることができませんでした。Chromeプラグインは63343ポートなどに設定されました。私はWindowsを使用しています。私は管理者権限でコマンドラインを開き、次のように入力しました。

netstat -a -b

彼らが聞いているすべてのプログラムとポートを見る。次に、WebStorm.exeに関する最初のエントリを見つけ、ポート30897でリッスンしていることを確認しました。chromeプラグインオプションでそのポート番号を設定すると、すべてが機能しました。

enter image description here

1
ancajic

Internet Explorerのプロパティから自動接続構成をオフにすると、スムーズに機能しました。 IEは上司です。

0
Emin Seyidov