测试是否支持Three.js

Question

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

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

这是工作的一部分，而不是整个工作。 CanvasRenderer不适用于所有其他浏览器。根据你的想法。在我的情况下，我想做一个简单的旋转多维数据集，如three.js提供的canvas示例，它在IE9上不起作用，即使IE9应该支持canvas（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以查看它们的用途。