学习资源:如何开启WebGL

42 篇文章 0 订阅
36 篇文章 0 订阅

最近发现很多朋友无法运行HTML5的一些应用或游戏,经询问得知,大部分因为浏览器的WebGL没有开启所导致,那么我们如何开启WebGL呢? 

 

1、哪些浏览器支持WebGL
要运行WebGL,你必须有一个支持它的浏览器,比如:
Google Chrome 9+
Mozilla Firefox 4+
Safari 5.1+(仅限于Mac OS X操作系统,不包括Windows操作系统;那么这种情况下必须强制开启WebGL支持,请参考下文)
Opera Next 即 Opera 12 alpha及以上版本IE9+但是IE并不支持WebGL,不过你可以通过下载并安装IEWebGL这个插件,或者Google Chrome Framework来运行一些WebGL应用。

同时,你还需要一块好的显卡,并安装了最新的显卡驱动;这只是使你能够运行WebGL的基本要求,如果想要在一些复杂的应用中保证显示效果,那你需要一块更好的显卡。

如果你的显卡非常老旧,或者是板载的集成显卡,那么你需要在浏览器中强制开启WebGL支持;另外因为其他的一些原因(比如你的操作系统是Windows XP),在正常安装以上浏览器之后还是不能运行WebGL,那你最好也强制开启WebGL支持。开启方法如下:

2、Google Chrome开启方法
我们需要为Chrome加入一些启动参数,以下具体操作步骤以Windows操作系统为例,请Linux用户自行设置。

Chrome浏览器的用户请找到Chrome浏览器的快捷方式,如果没有就创建一个快捷方式(右键点击chrome.exe,选择“创建快捷方式”或者“发送到”→“桌面快捷方式”),右键点击快捷方式,选择属性。
在目标框内,双引号的后边,加入以下内容:

–enable-webgl –ignore-gpu-blacklist –allow-file-access-from-files

webGl.png

关闭目前开启的所有Chrome窗口,然后用此快捷方式启动Chrome浏览器,其中:

表示开启WebGL支持:

–enable-webgl

表示忽略GPU黑名单,也就是说有一些显卡GPU因为过于陈旧等原因,不建议运行WebGL,这个参数可以让浏览器忽略这个黑名单,强制运行WebGL:

–ignore-gpu-blacklist

表示允许从本地载入资源,如果你不是WebGL的开发者,不需要开发调试WebGL,只是想要看一下WebGL的Demo,那你可以不添加这个参数:

–allow-file-access-from-files

3、Mozilla Firefox开启方法
Firefox的用户请在浏览器的地址栏输入“about:config”,回车后:

1、在过滤器(filter)中搜索“webgl”
webgl.force-enabled设置为true
webgl.disabled设置为false

2、在过滤器(filter)中搜索“security.fileuri.strict_origin_policy”
security.fileuri.strict_origin_policy设置为false

关闭目前开启的所有Firefox窗口,然后重新启动Firefox。

其中前两个设置是强制开启WebGL支持,最后一个security.fileuri.strict_origin_policy的设置是允许从本地载入资源,如果你不是WebGL的开发者,不需要开发调试WebGL,只是想要看一下WebGL的Demo,那你可以不设置此项。

4、Safari浏览器开启方法
菜单中找到“属性”或“偏好设置”→“高级”,选中“显示开发菜单”,然后到“开发”菜单,选中“开启WebGL”。

5、那么如何判断我的浏览器是否支持WebGL呢?
请访问:如何判断我目前的浏览器是否支持WebGL,如果显示Yay,说明你的浏览器已经支持WebGL了,否则显示Nay。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值