Chrome使用cesium.js或者three.js报错不支持webGL

在项目中使用Chrome页面报错不支持webGl,如下图:

那我们我们先打开提供的 https://get.webgl.org/ 网址,看看是否真的不支持,如果不支持那就直接换浏览器,如果显示:

Hmm. While your browser seems to support WebGL, it is disabled or unavailable. If possible, please ensure that you are running the latest drivers for your video card

说明浏览器支持webGl,只不过被禁用了,我们可以打开这个网站查看:chrome://gpu/

如果WebGL显示的是 Disabled,那么我们需要去开启设置,打开 chrome://flags/#webgl-developer-features 网址,

  • 地址栏输入 chrome://flags/#webgl-developer-features 回车;
  • 找到「WebGL Developer Features」,设置为「Enabled」;
  • 找到「WebGL 2.0」,同样设为「Enabled」;
  • 找到「Override software rendering list」(关键!),设为「Enabled」(强制 Chrome 使用硬件加速,忽略系统限制);
  • 点击底部「Relaunch」重启 Chrome,立即测试 https://get.webgl.org/

这样就完美解决了禁用WebGL的功能了。

相关推荐
其美杰布-富贵-李21 分钟前
第 10 篇:灯光与阴影
javascript·three.js
小高0072 小时前
🔥🔥🔥TypeScript 7 正式版来了:别只看 10 倍速度,这 4 个迁移坑更值得注意
前端·javascript·面试
di24k24k3 小时前
多个 el-form 共用同一 ref 导致表单校验部分失效
前端·javascript·vue.js·elementui
JKooll3 小时前
WPS 表格 DISPIMG 函数实战:用 JavaScript 将图片真正嵌入单元格
javascript·wps
晴天164 小时前
Rust 快速入门 (从 JavaScript 开发者视角)-Day09
开发语言·javascript·rust
其美杰布-富贵-李4 小时前
第 6 篇:相机与 OrbitControls
前端·javascript·three.js
Hilaku5 小时前
当 AI 一天写完一周的代码,我们还剩什么优势?
前端·javascript·程序员
无责任此方_修行中5 小时前
换个版本号就能升级?可没那简单:pnpm 11 升级踩坑记
javascript·后端·npm
尘世中一位迷途小书童5 小时前
无人机航线里的云台角度怎么调?Cesium 做了个视锥 + 鹰眼联动
前端·javascript·数据可视化
张元清5 小时前
React useMeasure Hook:用 ResizeObserver 测量 DOM 元素 (2026)
javascript·react.js