检测使用 three.js 时的 WebGL 和浏览器兼容性（Detecting WebGL and browser compatibility with three.js）(转)

本文介绍了一种检测浏览器是否支持WebGL的方法，并提供了一个示例代码来优雅地通知用户当前浏览器是否兼容three.js的WebGL渲染器。目前仅Chrome和Firefox支持three.js的WebGL渲染。

太阳火神的美丽人生 (http://blog.youkuaiyun.com/opengl_es)

转载请保留此句：太阳火神的美丽人生 - 本博客专注于敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，出自本博客的文章拒绝转载或再转载，谢谢合作。

检测使用 three.js 时的 WebGL 和浏览器兼容性
（Detecting WebGL and browser compatibility with three.js）

ubershmekel edited this page on 30 Nov 2011 · 2 revisions

遇到的问题
The problem

Not all browsers support WebGL, in fact only chrome and firefox work with three.js WebGLRenderer currently. iOS works with the canvas renderer and although IE9 supports canvas, it doesn't support workers so currently isn't supported.

一种解决方案
A solution

In order to detect webgl compatibility and gracefully inform the user you can addhttps://github.com/mrdoob/three.js/blob/master/examples/js/Detector.js to your javascript and use this example to avoid even attempting to render anything:

if (Detector.webgl) {
    init();
    animate();
} else {
    var warning = Detector.getWebGLErrorMessage();
    document.getElementById('container').appendChild(warning);
}