文档章节

如何开启浏览器的WebGL功能?

山哥
 山哥
发布于 2012/02/06 15:23
字数 883
阅读 1093
收藏 2
最近发现很多朋友无法运行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

关闭目前开启的所有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呢?

请访问:http://www.w3cfuns.com/static/image/cm/html5/demo.html?webName=WebGL%20Bookcase&url=http://doesmybrowsersupportwebgl.com/,如果显示Yay,说明你的浏览器已经支持WebGL了,否则显示Nay。

本文转载自:http://www.scriptlover.com/static/1483-%E6%B5%8F%E8%A7%88%E5%99%A8-WebGL

共有 人打赏支持
上一篇: MongoDB最佳实践
下一篇: maven2预编译JSP
山哥

山哥

粉丝 245
博文 351
码字总数 136465
作品 0
南京
程序员
私信 提问
在Ubuntu下开启Chrome的WebGL功能(开启GPU加速)

一、问题背景 研究WebGL时发现自己机器的Chrome不支持(Ubuntu)。感觉不应该,毕竟Chrome是对新标准支持比较快的浏览器。 二、问题分析 上网查找资料后发现确实别人也有碰到这个问题。WebGL...

NoahX
2013/07/21
0
4
基于HTML5技术的电力3D监控应用(四)

回答了知乎问题较长,一些使用WebGL的经验: 正好逛到这个问题,正好是2013年底,正好最近基于的HT for Web 3D做的电力项目收尾,正好用到的就是WebGL技术,因此说说自己的感觉供参考: 1、2...

xhload3d
2013/12/21
0
0
Emscripten对OpenGL的支持

Emscripten对OpenGL的支持 翻译:云荒杯倾 本文是Emscripten-WebAssembly专栏系列文章之一,更多文章请查看专栏。 也可以去作者的博客阅读文章。 Emscripten支持三种OpenGL编译模式: OpenGL...

云荒杯倾
2017/10/02
0
0
Three.js WebGL 绘制流程(一)

Three.js 中3D 物体 都继承于 Object3D; 而构造一个3D 物体 需要 提供两个对象 即Gemotry 几何体 和 Material 材质。 Gemotry 中 vertices 决定定点的 列表, face 决定面的构成, faceVert...

李勇2
2012/09/18
0
0
一个基于WebGL的仿真3D水池有逼真的水波纹效果

最近在研究WebGL,看到国外很多高手做的很多超炫的3D效果,无比羡慕。忍不住把效果趴下来研究,下面介绍一个逼真的游泳池中浮动小球的效果。效果非常绚丽,功能强大。示例可切换观察水池的视...

流浪老三
2013/10/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

揭秘 | 双11逆天记录背后的数据库技术革新

摘要: 第十个天猫“双11”狂欢节圆满落幕,如今双11已不仅仅是天猫的盛会,更是阿里技术人的新年 每一个数字背后 都需要强大的技术支撑 Higher, Faster, Smarter 是我们不变的追求 技术无边...

阿里云云栖社区
29分钟前
4
0
element ui中的input组件不能监听键盘事件解决

vue使用element-ui的el-input监听不了键盘事件,原因应该是element-ui自身封装了一层div在input标签外面,把原来的事件隐藏了,所以如下代码运行是无响应的: <el-input v-model="search" p...

呵呵闯
32分钟前
3
0
Linux常用中间件启动命令

zookeeper redis lts

王桥修道院副院长
33分钟前
2
0
Kotlin极简教程中对? extends 和 ? super (out和int)的描述

PECS 现在问题来了:我们什么时候用extends什么时候用super呢?《Effective Java》给出了答案: PECS: producer-extends, consumer-super 比如,一个简单的Stack API: public class Stack<E...

SuShine
34分钟前
1
0
微信分享link问题

前提:公司业务,分享的页面需要自定义并且是一个固定页面 因此自定义分享link,这里存在一个问题,必须与安全域名一致,自不必说,而且这个link必须是当有协议的,也就是说不能写成locatio...

litCabbage
36分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部