检测webgl是否开启和浏览器是否开启硬件加速

因为自己写的一个渲染库有降级的处理在低配和无webgl的环境下是会使用canvas的渲染器。后来发现在云桌面的一些环境下是能开webgl的但是会很卡…后面就打算多一个检测硬件加速来降级判断

        try {const webgl = !!window.WebGLRenderingContextif (webgl) {const canvas = document.createElement('canvas');const option = {failIfMajorPerformanceCaveat: !('undefined' != typeof window && window.FORCE_WEBGL)}const gl = (canvas.getContext('webgl', option) ||canvas.getContext('experimental-webgl', option))if (gl) {const debugInfo = gl.getExtension('WEBGL_debug_renderer_info');if (debugInfo) {const renderer = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);console.log(!/SwiftShader/gi.test(renderer) ?"浏览器环境支持并开启webgl硬件加速" :"浏览器并未开启硬件加速");}} else {console.log('浏览器在低配环境下开启不了webgl')}} else {console.log('浏览器没有webgl环境')}} catch (e) {console.log(e)}

检测webgl是否开启和浏览器是否开启硬件加速相关推荐

浏览器中支持硬件加速
1 什么是硬件加速硬件加速是指,应用程序使用计算机硬件的能力,比软件实现的功能能够更有效地执行某些操作.在 Chrome/Chromium 浏览器中,硬件加速能够利用计算机的图形处理单元(GPU)来 ...
matlab win10 gpu加速,win10的Edge浏览器设置GPU硬件加速，大幅度提升浏览器性能
不知道大家对于GPU硬件加速是否有了解,这是现在的浏览器必备的功能,开启后能大幅度提升浏览器的性能,给我们更加顺滑的浏览体验.GPU硬件加速能够利用GPU的图形性能,加速渲染网页中的图像信息. 如果我 ...
浏览器里面的硬件加速有什么用
浏览器中的硬件加速技术可以利用计算机的图形处理器 (GPU) 来加速浏览器的渲染性能.这可以使浏览器更快地显示图像和动画,提高浏览体验.例如,硬件加速可以加速3D 图形渲染,平滑滚动页面等.因此,开启 ...
chrome关闭硬件加速_Win10系统Chrome浏览器怎么关闭硬件加速？
不知道大家是否知道,在使用Chrome浏览器的时候,如果有遇到打开网页速度慢的问题,一般是因为Chrome浏览器开启了硬件加速导致的,这时候我们只需要将硬件加速关闭即可.那么,Win10系统Chrom ...
【如何在 Debian、Ubuntu 或 Linux Mint 上的 Google Chrome、Brave、Vivaldi 和 Opera 浏览器中启用硬件加速视频解码】
如何在 Debian.Ubuntu 或 Linux Mint 上的 Google Chrome.Brave.Vivaldi 和 Opera 浏览器中启用硬件加速视频解码铬, 操作方法, 视频 G ...
解决Chrome和Chrome内核edge浏览器在启用硬件加速后颜色异常的问题
部分电脑在浏览器启用硬件加速后会出来颜色异常的现象,取消硬件加速则恢复正常,但不启用硬件加速某些场景可能会不流畅,这时候可以通过如下操作解决. 在浏览器地址栏输入 chrome://flags/#fo ...
css怎么使用gpu加速,用CSS3开启GPU硬件加速来提升网站的动画渲染性能
CSS3为咱们开发动画效果大大提升了效率,但有些动画效果,如果涉及的DOM元素比较多,会发现有"卡卡"的感觉,为动画DOM元素添加CSS3样式 -webkit-transform: ...
CSS3开启硬件加速及利弊
最近了解了一下用css3开启硬件加速的这个功能,不得不感叹浏览器这些东西太神奇了,要不是师兄提起,我根本就不知道居然有这种东西.所以还是要提高一下自己的信息来源渠道的. 巴拉巴拉了一下,下面我们正式来 ...
css硬件加速,用CSS开启硬件加速提高网站性能
你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而让渲染的性能更好吗? 现在大多数电脑的显卡都支持硬件加速,因此,我们可以利用 ...

检测webgl是否开启和浏览器是否开启硬件加速

检测webgl是否开启和浏览器是否开启硬件加速相关推荐

最新文章

热门文章