Chrome 不支持 WebGL 怎么办
问题描述
>解决方案
1. 检查浏览器 WebGL 支持度
2. 重装最新 chrome 浏览器
3. 开启 chrome 硬件加速
4. 开启 WebGL:--disable-webgl
5. 查看浏览器显卡支持
6. 显卡黑名单
6.1换成Firefox 强行开启 WebGL
7. 如果还是不行...
问题描述
因工作需要碰到了高版本 chrome 不支持 WebGL 的情况,于是整理了一下解决方法,如有疏漏请指出。
Chrome 是对 WebGL 支持度最好的浏览器,从版本号18开始就对 WebGL 1.0 有了非常全面的支持(现在最新的版本为55+)。但在不同用户的电脑上,就算版本号>18的chrome也能碰到各种各样的奇怪问题而无法打开 WebGL 应用,这时候可以怎么做呢?
解决方案
Chrome 是对 WebGL 支持度最好的浏览器,从版本号18开始就对 WebGL 1.0 有了非常全面的支持(现在最新的版本为55+)。但在不同用户的电脑上,就算版本号>18的chrome也能碰到各种各样的奇怪问题而无法打开 WebGL 应用,这时候可以怎么做呢?
![](http://h.yiniuedu.com/a4283bbfce67f3baa94d24124db753bd)
## 1. 检查浏览器 WebGL 支持度
甩一个 WebGL 支持检查的网站 WebGL Report,每一步之后都可以通过这个网站来查看操作是否成功
## 2. 重装最新 chrome 浏览器
重装总是能解决90%的奇怪问题
## 3. 开启 chrome 硬件加速
打开 chrome 设置,『显示高级设置』,找到『系统』,在『使用硬件加速模式』选项前打钩。重启浏览器。
![](http://h.yiniuedu.com/859bf0bca1fd0c7fd7c157dc8985ba3f)
## 4. 开启 WebGL:–disable-webgl
打开 chrome://flags 面板(将这行字输入地址栏),ctrl/command + f 搜索『–disable-webgl』并启用该选项。重启浏览器。
咦?为什么我没有这个选项?!(请看下去)
![](http://h.yiniuedu.com/bc6af03189bbb9860cdcede57f6d18ff)
How can I enable WebGL in my browser? 这个回答中明确说需要在 chrome://flags 中启用 --disable-webgl 选项,但是为何我的 chrome 中没有这个选项了呢?
其实是因为高版本的 chrome 对 WebGL 的支持已经非常成熟和稳定,在2015年8月的时候,这个选项被当做一个 bug 移除了(详见:https://bugs.chromium.org/p/chromium/issues/detail?id=525739),所以那之后发布的 chrome 浏览器就不再显示这个选项,webgl 是默认开启的,也就不需要手动『启用』了。
## 5. 查看浏览器显卡支持
如果以上方法都行不通,那就比较麻烦了。请继续看下去。
首先,你可以打开 chrome://gpu 查看显卡对浏览器特性的支持度,看看到底是那儿出了问题。Graphic Feature Status 中对 WebGL 一项的支持状态可能为:
Hardware accelerated:WebGL 已启用,并获得了显卡支持
Software only, hardware acceleration unavailable:WebGL 已启用,但没有显卡支持,只有软件渲染支持
Unavailable:WebGL 既没有显卡支持也没有软件支持
WebGL 应用一般需要显卡加速,如果你的浏览器显示 WebGL 未获得显卡支持(即显示为后面两项)则你电脑的显卡可能进入了 chrome 的黑名单。
![](http://h.yiniuedu.com/35d5f5fb733a7b25bbd4292f2a30b06f)
## 6. 显卡黑名单
有一些显卡和显卡驱动因为 bug 太多会导致浏览器崩溃甚至系统崩溃,所以很多浏览器都有一个显卡黑名单,对这些有问题的显卡和驱动,浏览器将不启用硬件加速。可以在 chrome://flags 中开启 --ignore-gpu-blacklist 来无视这个黑名单(不推荐,可能会引发浏览器崩溃或者系统崩溃)。chrome 的显卡黑名单在这里:BlacklistsAndWhitelists - WebGL Public Wiki。
你的显卡是否被黑名单是根据你的显卡驱动版本来判断的,如果你发现你只要开启『覆盖软件渲染列表』就能使用WebGL应用很可能是因为你的驱动版本过低,推荐你先去看看你的显卡有没有可用的新鲜驱动,更新一下显卡驱动再回过头来把这个选项关闭,重启浏览器试试看是不是能正常开启WebGL应用。如果可以,那么恭喜你!你不需要再开启这个不保险的配置项啦!
### 6.1换成Firefox 强行开启 WebGL
我发现在有些操作系统上(如xp),Firefox浏览器对显卡驱动的版本要求比Chrome低,也就是说,在这些系统版本是Firefox可能可以正常开启WebGL应用当Chrome不能够的时候。
Here Be Dragons
Type about:config in Firefox’s address bar and make the following changes:
To enable WebGL, set webgl.force-enabled to true.
To enable Layers Acceleration, set layers.acceleration.force-enabled to true
To enable Direct2D in Windows Vista/7, set gfx.direct2d.force-enabled to true
Now, cross your fingers, restart Firefox and try running a WebGL application. It’s probably best to undo those changes if smoke starts pouring from your PC.
以上来自:How to Enable WebGL for Blocked Graphics Cards in Firefox 这篇文章,关于如何在非常恶劣的情况下用火狐浏览器开启 webgl。是我在搜索 xp 是否支持 webgl 的时候找到的。翻译一下:
以下操作可能很危险!
在火狐的地址栏输入 about:config 进入设置页面,会出现一个⚠️警告页面,请仔细阅读,自己承担风险!
开启 WebGL,把 webgl.force-enabled 设置成 true(双击即可)
开启 Layers Acceleration,把 layers.acceleration.force-enabled 设置成 true
开启 Direct2d 在 win vista 或 win7,把 gfx.direct2d.force-enabled 设置成 true
现在你应该可以使用 WebGL 了。
## 7. 如果还是不行…
可能你需要换一台电脑了~~~~~
- 一、图形化(Scratch3.0)编程
- 一、新手篇
- 1.Scrach前世:Logo语言
- 2.可视化Scratch编程软件的诞生
- 3.Scratch 4P原则
- 4.面向未来的Scratch
- 5.Scratch3.0下载和介绍
- 6.Scratch3.0本地安装
- 7.Scratch3.0编辑器布局介绍
- 二、入门篇
- 1.舞台区
- 2.角色区
- 3.控制区(积木区)
- 4.代码区
- 5.声音的操作
- 6.背景的操作
- 7.逻辑操作
- 7.1逻辑推理
- 7.2形象思维
- 7.3图形推理
- 三、基础篇
- 1.变量的使用
- 2.列表的使用
- 3.条件与循环的使用
- 4.角色动画
- 5.运动积木功能使用详解
- 6.方向键、角色旋转,移动滑行编程
- 7.外观积木功能使用详解
- 8.变大变小(缩放)和显示隐藏示例
- 9. 声音积木功能说明大全—声音积木示例
- 10.事件积木大全
- 1.案例设计-有声音就心动
- 2.事件和消息
- 四、初级篇
- 奥运五环
- 绘制红色实心爱心
- 五、中级篇
- 第1课 小猫数数—初始变量
- 1.1课程学习
- 1.2课程回顾
- 1.3课程练习
- 1.4提高扩展
- 第2课 滑动的数—变量的滑杆模式
- 第3课
- 第4课
- 第5课
- 第6课
- 第7课
- 第8课
- 第9课
- 第10课
- 第11课
- 第12课
- 第13课
- 第14课
- 第15课
- 第16课
- 第17课
- 第18课
- 第19课
- 第20课
- 六、高级篇
- 二、练习题
- 1.一级练习题
- 一级20220619
- 2022年3月一级
- 2021年12月一级
- 2021年9月一级
- 2021年6月一级
- 2021年3月一级
- 2020年12月一级
- 2.二级练习题
- 2021年9月二级
- 2021年6月二级
- 2021年3月二级
- 2020年12月二级
- 3.三级练习题
- 三级20220619
- 2022年3月三级
- 2021年12月三级
- 2021年9月三级
- 2021年6月三级
- 2021年3月三级
- 2020年12月三级
- 4.四级练习题
- 2021年9月四级
- 2021年6月四级
- 2021年3月四级
- 2020年12月四级
- 三、模拟题
- 二级模拟题-飞不出去的蝴蝶
- 二级模拟题-巡线小车
- 四级模拟题-加密解密
- 四、逻辑推理
- 1.逻辑推理
- 五、计算思维
- 1.简单计算思维
- 六、常见问题汇总
- 1.工具问题
- 1.1Chrome不支持WebGL怎么办
- 七、学习
- 一
- 第1课初识图形化编程-软件安装
- 第2课和小猫互动-搭建积木
- 第3课小猫辨真假-添加角色
- 第4课遇见好朋友-移动角色
- 第5课绚丽的舞台-切换背景
- 第6课猜猜我是谁-单击角色
- 第7课跳舞达人秀-设置特效
- 第8课小青蛙过河-编辑背景
- 第9课舞动的蝴蝶-绘制角色
- 第10课百变换新装-本地角色
- 第11课小猫捉气球-随机位置
- 第12课随音乐舞动-播放声音
- 第13课随陨石移动-跟随鼠标
- 第14课舞台变变变-编辑背景
- 第15课机器人变形-巧用摄像头
- 第16课小猫梦游记-综合运用
- 二
- 第1课向城堡出发-了解舞台坐标
- 第2课小猫变魔术-设置角色特效与图层
- 第3课小猫做算术-使用数学运算
- 第4课精准走动的时钟-使用无线循环
- 第5课学习飞行的鹦鹉-使用确定性的循环
- 第6课猫抓老鼠-使用选择结构
- 第7课弹弹球-侦测颜色
- 第8课猜猜我的坐标-使用双分支选择结构
- 第9课放烟花-使用不确定性循环
- 第10课一闪一闪亮晶晶-演奏音乐
- 第11课小猫的魔法书-录制声音
- 第12课画正多边形-使用画笔
- 第13课看看声音的模样-应用画笔
- 第14课打气球-侦测视频运动幅度
- 第15课送小企鹅回家-侦测视频运动方向
- 第16课保卫城堡-综合运用
- 三
- 第1课小猫数数-初始变量
- 第2课滑动的数-变量的滑竿模式
- 第3课跳动的数-初识随机数
- 第4课循环计数--应用多变量
- 第5课营养大师-应用选择嵌套
- 第6课猜数游戏-应用有限循环与选择的嵌套
- 第7课躲避游戏-应用循环与复杂条件判断的嵌套
- 第8课射击游戏-跳出循环的方法
- 第9课七彩图案-设置画笔参数为变量
- 第10魔幻画板-设置画笔的饱和度、亮度与透明度
- 第11课美丽花环-用画笔图章作画
- 第12课雄伟长城-循环嵌套绘制趣味图形
- 第13课魔术表演-初识广播
- 第14课歌舞表演-多角色广播
- 第15课吃虫游戏-对克隆的认识与基本应用
- 第16课击球游戏-克隆的综合应用
- 第17课分装水果-运算积木的综合应用
- 第18课诗词大会-多重逻辑关系的表达与应用
- 第19课寻找高手-文字推理的数学符号表达与应用
- 第20课知识竞赛-综合运用
- 四
- 第1课唐诗复读机-字符串输入输出
- 第2课批改小帮手-字符串处理
- 第3课凯撒密码-字符串应用
- 第4课绘制花团-积木的定义与调用
- 第5课花开满园-有参自制积木的定义与调用
- 第6课雪花曲线-递归算法
- 第7课初识列表-随机点名系统
- 第8课班级花名册管理-列表的应用
- 第9课莫尔斯电码-列表的关联
- 第10课元旦大抽奖-列表的应用
- 第11课时光飞逝-有趣的进制
- 第12课能买多少只鸡?-循环遍历的应用
- 第13课寻找神奇的数字-循环忙不停
- 第14课数的交换-奇妙的算法
- 第15课最大和最小-极值问题
- 第16课计费器-分段计费
- 第17课来电播报-数位分离
- 第18课春游与植树-数的判断
- 第19课国王发金币-神奇的数列
- 第20课 模拟摸球实验-生活中的概率
- 第21课 鸡兔同笼-程序优化
- 第22课 一起来排队1-冒泡排序
- 第23课 一起来排队2-选择排序
- 第24课 扑克牌排顺序-插入排序