为什么我的webGl页面在刷新后第二次加载?

时间:2015-06-17 18:34:32

标签: javascript html svg

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

首次在选项卡中打开页面时页面加载正常(虽然有点慢),但刷新选项卡时,WebGl画布将完全空白。但是会显示HTML元素。我们正在使用Three.js。是否存在可能与WebGL相关的浏览器兼容性问题?某些内容是否被缓存并导致问题?

有什么想法吗?谢谢!

2 个答案:

答案 0 :(得分:2)

你有一个SVG,里面有一行。问题是因为你的事件监听器在SVG完成加载之前触发了!

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

不要使用DOMConetntLoaded作为您的事件监听器,而是使用load,一旦所有内容都加载,它就会触发。

答案 1 :(得分:0)

我在Chrome中遇到了这个错误,但没有遇到Firefox,所以我怀疑是因为你在scripts.js的第692行错过了一个分号,Firefox正在补偿:{{ 0}}