是什么使源脚本不加载然后再加载呢？

Question

当使用带有<script>属性的src标记时，应该会期望它下载：

<script src="https://unpkg.com/neovis.js@2.0.0-alpha.9/dist/neovis.js"></script>

但是最近它没能下载，我也找不到为什么会这样。可能的可靠解决方法是，当发生这种情况时，我将其更改为：

<script>
function cdnLoaded() {
    console.log('loaded');
}
function cdnError() {
    console.log('not loaded');
    // do error handling here
}
</script>    
<script onload="cdnLoaded()" onerror="cdnError()" async src="https://unpkg.com/neovis.js@2.0.0-alpha.9/dist/neovis.js"></script>

此时，控制台表示它已加载，但实际上没有加载。但在那之后，当我把它恢复到：

<script src="https://unpkg.com/neovis.js@2.0.0-alpha.9/dist/neovis.js"></script>

那它又起作用了。这种情况在两个浏览器(Edge和Firefox)中已经发生过两次，我还没有机会再次测试它。

这种奇怪行为的原因是什么？这会是一种缓存吗？

Answer 1

浏览器按文件名缓存脚本。可能添加/删除onload和onerror属性会迫使浏览器再次下载脚本。

若要强制重新加载文件，可以应用版本控制。

<script src="util.js?v=1"></script>

现代框架用于自动连接、缩小和重命名脚本文件。你可以用webpack这样的工具来做。