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

Question

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

对于其他场景，事情工作得很好 - 例如，当我开始调试时，当我更改 HTML 或 CSS 文件时，Chrome 中的页面会更新，并且当我在HTML 中的<script>和</script>标签之间编写一些 JavaScript 代码时，事情也会工作。

问题可能是什么？

Answer 1

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

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