javascript - Webstorm 实时编辑不适用于外部 JavaScript 文件

标签 javascript webstorm liveedit

Webstorm 8 的实时编辑功能在使用外部 JavaScript 文件时似乎不起作用(即当包含在我的 HTML 中的 <script src="script.js"></script> 中时)。外部 JavaScript 文件中的更改仅在我刷新页面后才会出现。

在其他情况下一切正常 - 例如当我开始调试时,当我更改 HTML 或 CSS 文件时,Chrome 中的页面会更新,当我在 <script> 之间编写一些 JavaScript 代码时,事情也会起作用。和 </script> HTML 中的标记。

可能是什么问题?

最佳答案

实际上,实时编辑在这两种情况下都有效。但是嵌入式 javascript 的变化总是导致页面重新加载,而“外部”javascript 的变化是热交换的——就像 HTML 和 CSS 一样。但并非外部 javascript 代码的每次更改都会导致页面立即更新:新代码会立即加载到浏览器,但只有当您执行某些操作以触发此新代码时,更改的结果才会可见。例如,如果您更改 onClick 处理程序并在警报中写入新文本,您将在单击后看到新文本而无需重新加载页面。由定时器触发的功能相同 但是如果 JS 代码只在页面加载时执行(而不是在某些事件上),您必须手动重新加载页面才能看到结果 - 实时编辑不会强制执行新代码

另请注意,由于 Chrome 的限制,热交换目前不适用于文件级变量 - 请参阅 WEB-7390

关于javascript - Webstorm 实时编辑不适用于外部 JavaScript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24033586/

相关文章:

javascript - 如何让 PhpStorm 支持这种语法

webstorm - 如何删除 WebStorm 11 中的当前行突出显示

google-chrome-extension - PhpStorm LiveEdit HTML 有效,但 CSS 无效

javascript - 如何在 webstorm 中使用 GIT

javascript - 使用 Webstorm 9.0 进行实时编辑

javascript - Polymer <content> 无法在 Chrome 上运行?

javascript - 在循环末尾添加暂停

javascript - 如何在 Dynamics CRM 中显示帐户和子帐户的联系人

javascript - 生成 AST 并对其进行迭代还是生成代码,哪个更快、更干净?