为什么刷新后我的 webGl 页面不会再次加载？答案

【问题标题】：Why won't my webGl page load a second time after a refresh?为什么刷新后我的 webGl 页面不会再次加载？
【发布时间】：2015-09-03 03:57:39
【问题描述】：

这是我和朋友正在制作的 JS 页面。 http://jmecom.github.io/GameUniverse/

当您第一次在选项卡中打开页面时，页面加载正常（尽管有点慢），但是当您刷新选项卡时，WebGl 画布将完全空白。但是会显示 HTML 元素。我们正在使用 Three.js。是否存在与 WebGL 相关的浏览器兼容性问题？是否有东西被缓存并导致问题？

有什么想法吗？谢谢！

【问题讨论】：

【解决方案1】：

我在 Chrome 中遇到了这个错误，但在 Firefox 中没有，所以我怀疑这是由于您在 scripts.js 的第 692 行缺少一个分号，Firefox 正在对此进行补偿：

【讨论】：

【解决方案2】：

你有一个 SVG，里面有一条线。问题在于您的事件侦听器在 SVG 完成加载之前触发！

当 HTML 标记加载到您的文档中时，DOMContentLoaded 事件会触发。不过，DOMContentLoaded 不会等待 SVG 完成加载。

不要使用DOMContentLoaded 作为您的事件监听器，而是使用load，它会在所有内容加载后触发。

【讨论】：