首页 > 代码库 > Threejs 官网 - 检测使用 three.js 时的 WebGL 和浏览器兼容性（Detecting WebGL and browser compatibility with three.js）

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

2024-07-15 11:53:29   221人阅读

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

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

本文遵循“署名-非商业用途-保持一致”创作公用协议

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



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

ubershmekel edited this page  · 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);
}

相关资源
Resources

http://stackoverflow.com/questions/8312546/support-of-canvas-and-webgl-three-js-on-moble-devices https://github.com/mrdoob/three.js/issues/257


联系
我们