www.6766.comThree.js利用Detector.js插件如何实现兼容性检测详解_javascript技巧_脚本之家

前言

正文主要给我们介绍了有关Three.js用Detector.js插件达成宽容性检查评定的有关内容,分享出去供大家参谋学习,上面话相当的少说了,来同盟看看详细的介绍吧。

实际上Detector.js插件的代码不够长,不过效果很全,

判断canvas兼容。

判断webgl兼容性。

在页面加多不合营提醒新闻。

那多少个职能已经对宽容性检验丰裕了。

接收方法也很简短:

先是,将插件引入到页面:

下一场,在js里面增多一个确定:

if  Detector.addGetWebGLMessage(); 

就落到实处了兼容性的检查评定,是否很简短,去测量试验一下吗。

下边,附上Detector.js插件代码:

/** * @author alteredq / http://alteredqualia.com/ * @author mr.doob / http://mrdoob.com/ */ var Detector = { canvas: !! window.CanvasRenderingContext2D, webgl:  { try { var canvas = document.createElement; return !! ( window.WebGLRenderingContext && ( canvas.getContext || canvas.getContext( 'experimental-webgl' ) ) ); } catch  { return false; } } )(), workers: !! window.Worker, fileapi: window.File && window.FileReader && window.FileList && window.Blob, getWebGLErrorMessage: function () { var element = document.createElement; element.id = 'webgl-error-message'; element.style.fontFamily = 'monospace'; element.style.fontSize = '13px'; element.style.fontWeight = 'normal'; element.style.textAlign = 'center'; element.style.background = '#fff'; element.style.color = '#000'; element.style.padding = '1.5em'; element.style.width = '400px'; element.style.margin = '5em auto 0'; if  { element.innerHTML = window.WebGLRenderingContext ? [ 'Your graphics card does not seem to support WebGL.
', 'Find out how to get it here.' ].join : [ 'Your browser does not seem to support WebGL.
', 'Find out how to get it here.' ].join; } return element; }, addGetWebGLMessage: function  { var parent, id, element; parameters = parameters || {}; parent = parameters.parent !== undefined ? parameters.parent : document.body; id = parameters.id !== undefined ? parameters.id : 'oldie'; element = Detector.getWebGLErrorMessage(); element.id = id; parent.appendChild; } }; // browserify support if ( typeof module === 'object' ) { module.exports = Detector; } 

总结

如上便是那篇随笔的全体内容了,希望本文的内容对大家的上学或许办事有所自然的仿照效法学习价值,假若有疑问大家能够留言沟通,谢谢大家对剧本之家的支撑。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图