测试是否支持 Three.js

Question

我想找到一种方法来测试浏览器是否可以支持three.js。我看到你可以使用three.js提供的detector.js和这行代码来检查你应该使用WebGL还是canvas：

renderer = Detector.webgl? new THREE.WebGLRenderer(): new THREE.CanvasRenderer();

这是工作的一部分，而不是全部。 CanvasRenderer 不适用于所有其他浏览器。取决于你想做什么。就我而言，我想做一个简单的旋转立方体，就像three.js提供的画布示例一样），它在IE9上不起作用，即使IE9应该支持画布（http://caniuse.com/canvas）。

我希望能够测试浏览器是否支持示例代码。我不想一个一个地检查每个浏览器，看看他们是否支持它，然后如果他们不支持，就展示其他东西。

欢迎任何想法。提前谢谢你。

Answer 1

你可以做一个额外的测试来检查浏览器是否支持Canvas，它在Detector.js（Detector.canvas）中：

!! window.CanvasRenderingContext2D

但是 IE9 的问题（可能是 10，我不知道）不是因为这个，而是因为加载顺序是异步的。您需要使用Require.js 或干脆something like that 加载three.min.js 和其他脚本，然后它会工作。你也可以查看iewegl examples 看看他们是怎么做的。