blocks|key|3048872|text|你碰巧打开了IntelliJ吗？重点是端口63342被另一个应用程序“占用”了(即使它与HTML调试没有任何关系)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3048873|当端口繁忙时，LiveEdit会尝试下一个端口63343。如果你右击Chrome上的JB图标，选择Options，将端口加1，然后按Apply，你就会神奇地连接起来。我希望Jetbrains能麻烦地告诉用户他们当前正在尝试使用的端口是什么。|3048874|在我的PC上，当我打开Mac时，就会发生这种情况。以下任何一种方法都有效:+1.终止IntelliJ+IDEA+(也是开放的)并重试2.如上所述将端口递增1。|3048875|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

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.

blocks|key|203501|text|我不得不去运行Windows(在->上是CTRL%2BF5)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|203502|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

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

blocks|key|3049100|text|在我的案例中，激活了设置->构建、执行、部署->调试器下的“可以接受外部连接”是很有帮助的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3049101|WebStorm+Settings|offset|length|3049102|3049103|根据要求提供更多详细信息：|3049104|Chrome+|3049105|安装了适用于Chrome的JetBrains集成开发环境扩展|unordered-list-item|3049106|
|3049107|确保已安装并激活LiveEdit插件(设置->插件)|3049108|3049109|确保选中“可接受外部连接”(设置->构建、执行、部署->调试器)和端口与Chrome+Extension|style|BOLD|3049110|3049111|Make中的相同确保更新设置为“自动(ms)”例如300+(设置->构建、执行、部署->调试器->实时编辑)|3049112|
<|3049113|>G212>|3049114|3049115|entityMap|0|LINK|mutability|MUTABLE|url|http://i.stack.imgur.com/kdzcI.png^0|0|0|H|0|0|0|0|0|0|0|0|0|W|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|F|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|1I|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|1J|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|1K|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1L|8|@]|9|@]|A|$]]|$1|P|3|Q|5|M|7|1M|8|@]|9|@]|A|$]]|$1|R|3|O|5|6|7|1N|8|@]|9|@]|A|$]]|$1|S|3|T|5|M|7|1O|8|@$D|1P|E|1Q|U|V]]|9|@]|A|$]]|$1|W|3|O|5|6|7|1R|8|@]|9|@]|A|$]]|$1|X|3|Y|5|M|7|1S|8|@]|9|@]|A|$]]|$1|Z|3|10|5|6|7|1T|8|@]|9|@]|A|$]]|$1|11|3|12|5|M|7|1U|8|@]|9|@]|A|$]]|$1|13|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|1W|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B]]]]

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

<a href="http://i.stack.imgur.com/kdzcI.png" rel="nofollow">WebStorm Settings</a>

<hr>

More details as requested:

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

blocks|key|2836217|text|在我的例子中，实时编辑被禁用了(出于某种原因)|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2836218|​|2836219|📷|atomic|2836220|2836221|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/993445d1b9948e36a9f7692748957537.png|imageAlt^0|7|4|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|K|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S|T|-4]]]]

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

<img src="https://i.stack.imgur.com/tDuf2.png" alt="enter image description here">

blocks|key|200755|text|对于任何在谷歌上搜索这个帖子的人来说，现在不需要插件就可以支持LiveEdit。只需进入设置并取消选中“使用JetBrains集成开发环境支持扩展进行调试和实时编辑”即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|200756|没有扩展，根据我的个人经验，调试和实时编辑更可靠。|200757|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

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.

blocks|key|3048937|text|我不能让Chrome和Webstorm相互链接。Chrome插件设置为63343端口或类似的端口。我使用的是Windows。我以管理员权限打开命令行并键入：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3048938|netstat+-a+-b|code-block|syntax|javascript|3048939|查看他们正在侦听的所有程序和端口。然后，我找到了关于WebStorm.exe的第一个条目，并看到它正在侦听端口30897。我在我的chrome插件选项中设置了端口号，一切都正常了。|3048940|​|3048941|📷|atomic|offset|length|3048942|3048943|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/98af2c02ac3ca3fbe67711a656f30a8d.png|imageAlt^0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|11|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|12|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|13|8|@]|9|@$N|14|O|15|1|16]]|A|$]]|$1|P|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X|Y|-4]]]]

I couldn't make Chrome and Webstorm to link with each other. Chrome plugin was set to 63343 port or something like that.
I am on Windows. I opened command line with administrator privileges and typed:

<pre><code>netstat -a -b
</code></pre>

to see all programs and ports they are listening to. I then found first entry regarding WebStorm.exe and saw that it was listening on port 30897. I set that port number in my chrome plugin options, and everything worked.

<img src="https://i.stack.imgur.com/0aF5m.png" alt="enter image description here">

blocks|key|203576|text|一个快速解决方法:在Chrome插件配置中，使用主机的ip+0.0.0.0。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|203577|entityMap^0|U|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

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

blocks|key|205175|text|在Internet+Explorer属性中关闭自动连接配置对我来说很顺利。IE是老大。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|205176|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Turning off the automatic connection configuration from Internet Explorer properties worked for me smoothly. IE is the boss.

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:

<ol>
<li>Made sure that LiveEdit is turned on</li>
<li>Installed the Chrome extension</li>
<li>Restarted the browser after installing the extension (I still suspect it is not required)</li>
<li>Run the HTML page in chrome</li>
</ol>

When I modify the HTML body, I don't see the changes reflected in Chrome.

I read on a forum that netty is not required. 

Do we need it? 

What else do I need to configure so that I can use the LiveEdit feature?

PS: I am using WebStorm 5.0.

Why does WebStorm's LiveEdit not work in Chrome?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我正在探索WebStorm的试用版，并希望使用LiveEdit的功能。在执行以下操作后，我无法使用LiveEdit功能：确保LiveEdit已打开在安装扩展后安装了Chrome extensionRestarted 浏览器(我仍然怀疑这不是必需的)在chrome中运行HTML页面当我修改HTML正文时，我看不到Chrome所反映的变化。我在一个论坛上看到netty不是必需的。我们需要它吗？我还需要

问为什么WebStorm的LiveEdit不能在Chrome上运行？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么WebStorm的LiveEdit不能在Chrome上运行？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么WebStorm的LiveEdit不能在Chrome上运行？
EN