问题标签 [liveedit]

在谷歌搜索答案并尝试了所有建议后，我仍然无法解决这个问题。

我尝试了什么：

• 下载/安装/启用 Live Edit 插件
• 配置了 JavaScript 调试配置
• 更改Update to Auto in (ms)并检查Restart if hotswap fails
• 在 Debugger 中指定我在 JetBrains IDE 支持中使用的相同端口并检查Can accept external connections
• 尝试更新应用程序 (CTRL+F10)

现在的问题是，在我保存 CSS 文件并在 Chrome 中打开开发工具面板后，我可以看到样式选项卡中应用的更改，但浏览器没有呈现它。我尝试检查Enable continuous page repainting，但它没有改变任何东西。

HTML、PHP 和内联 CSS 更改会更新。

软件版本：

• PhpStorm 8.0.3
• 铬 42.0.2311.135
• JetBrains IDE 支持 2.0.8

当我尝试使用 Javascript 调试配置来使用 PyCharm 5 的实时编辑功能时，IDE 会启动一个浏览器选项卡，它似乎连接到 IDE，但没有任何作用。

也没有错误。我在网上的任何地方都没有找到这方面的文档。

当只有 html 文件时，Live Edit 效果很好，但是每当我更改外部 css 文件时，Chrome 中都没有主动更改。

我已经在 Live Edit 中打开了自动更新...任何机构可以帮助我吗？谢谢！ 这是我的设置

在 WebStorm 中使用 Meteor（todo 示例）和 LiveEdit，每次我编辑和保存代码时页面都会重新加载（延迟 5 秒后）。

鉴于启用了 LiveEdit，为什么要重新加载页面？

如何解决页面重新加载延迟？有可能预防吗？

它似乎是由 Meteor-js 的 reload.js 引起的，所以它与 Speed up Auto-reload in Meteor.js 有关

拥有一个基本结构的 AngularJS 应用程序 - 组件、提供程序、服务..许多单独的 .js 文件..我使用 grunt taks 将它们编译成单个 .js 文件，例如：application.js?v${build}

为了节省时间，我使用了 IDEA 插件“Live Edit”，它将 .html 中的所有更改实时反映到浏览器。

全部通过 JavaScript 调试配置通过 Chromium Web 浏览器的“JetBrains IDE 支持”插件连接。所有这些工作正常。

现在的问题是：我无法在 angular/JS 中重新加载更改。每次更改后，我都必须手动运行 grunt 任务以将 angular 编译为单个 js 并在浏览器中按 F5。（我知道这没什么大不了的，但是一天能完成 1000 次的图像 :) 任何帮助表示赞赏！

PS：我可以调试 JS，调试器在 IDEA IDE 中设置的断点处正确停止。

激活“实时编辑”时，节点实例无法启动。我的manifest.yml文件中没有命令，但我的 package.json 中启动了一个脚本。请参阅下面的日志。

我正在使用带有 Buildpack v3.2-20160315-1257 的 IBM SDK for Node.js 运行节点 4.3.2。

我阅读了一些关于 Safari 中实时编辑的老问题。有一个设置断点的选项，双击该行并编辑代码。我现在正在双击代码，但没有运气。如何在 Safari 中执行之前编辑 javascript 代码？通过扩展还是以其他方式？

好的，首先，我不是一个经验丰富的程序员。我的领域主要是HTML和CSS，所以我有点卡在这里，我在网上搜索了高低，找不到我需要的；无论是我的措辞不好还是缺乏信息，我不确定，哈哈。

现场版

HTML
<select ONCHANGE="document.getElementById('display-inner').src = this.options[this.selectedIndex].value"> <option value="http://tessisamess.com/freeedit.html">Free Edit</option> <option value="http://tessisamess.com/completestyle.html">Complete Style</option> <option value="http://tessisamess.com/generator.html">Generator</option>

查询

我想要完成的工作：
我正在为我通常为其创建布局的用户创建一个实时编辑器，并且我有自由编辑模式和保存功能，所有这些都可以正常工作。我也有我的两个基本布局，它们经常被上传并显示在 iframe 中，你可以从下拉列表中调用布局或自由编辑，以显示在右侧，在编辑器旁边。

这里的目标是让您能够单击三种模式中的任何一种，然后在左侧编码并查看您的更新影响右侧 iframe 中已有的内容，而不是清除它并将其替换为您的 textarea 内容（即它目前的作用。）

什么需要起作用，什么不能起作用：
当您单击 Complete Style 或 Generator 时，textarea（左）需要显示人们用来设置每个布局样式的基本代码。当您开始编辑该侧时，无论是使用为您生成的代码，还是将其替换为预制的布局编辑，这些更改都会影响它连接到右侧的 iframe。（例如：添加背景图片body会改变 iframe 中的页面背景，等等。）

目的：
我将其用作一种工具，为经常在网站上使用我的免费布局的用户提供使用该网站非常过时的资源来编辑它们的麻烦。我希望他们能够输入我的自定义 CSS 并随意编辑它，以便他们可以将其带回网站并在他们的实际期刊上实施。

请注意，如果需要，我可以更改它已经起作用的方式。我宁愿它正常工作，也不愿坚持我已经拥有的东西。我并不是真的想上传 TinyMCE，但如果选项很渺茫，那么嘿。没有什么，对吧？

是否有 WebStorm 插件可以促进 Firefox 的实时编辑？

Chrome 的等价物是：https ://plugins.jetbrains.com/plugin/7007 。

昨晚我已将 WebStorm 更新到 2016.2 版本。当我尝试使用 Live Edit 进行调试时，我的浏览器显示以下 URL 而不是常规 URL：

chrome-extension://hmhgeddbohgjknpmjagkdomcpobmllji/loading.html?url=http%3A%2F%2Flocalhost%3A65487%2F70-480%2FQuestionsAndAnswers.html

我已经尝试在 WebStorm 上重新安装 Live Edit 并在我的浏览器上重新安装 Chrome 扩展程序，但没有成功。

有谁知道如何解决这一问题？