WebGL实战——准备工作

WebGL运行环境设置
  首先最重要的是要有适合的浏览器设置，支持WEBGL的浏览器有如大家所知：Firefox, Chrome，Safari等，下来看看在各种浏览器中的环境设置。
Chrome浏览器

关闭目前开启的所有Chrome窗口，然后用此快捷方式启动Chrome浏览器。
其中
--enable-webgl
的意思是开启WebGL支持；
--ignore-gpu-blacklist
的意思是忽略GPU黑名单，也就是说有一些显卡GPU因为过于陈旧等原因，不建议运行WebGL，这个参数可以让浏览器忽略这个黑名单，强制运行WebGL；
--allow-file-access-from-files
的意思是允许从本地载入资源，如果你不是WebGL的开发者，不需要开发调试WebGL，只是想要看一下WebGL的Demo，那你可以不添加这个参数。
Firefox浏览器
1. Firefox的用户请在浏览器的地址栏输入“about:config”，回车
2. 在过滤器（filter）中搜索“webgl”
3. 将webgl.force-enabled设置为true
4. 将webgl.disabled设置为false
5. 在过滤器（filter）中搜索“security.fileuri.strict_origin_policy”
6. 将security.fileuri.strict_origin_policy设置为false
7. 关闭目前开启的所有Firefox窗口，然后重新启动Firefox。
其中前两个设置是强制开启WebGL支持，最后一个security.fileuri.strict_origin_policy的设置是允许从本地载入资源，如果你不是WebGL的开发者，不需要开发调试WebGL，只是想要看一下WebGL的Demo，那你可以不设置此项。
Safari浏览器
在菜单中找到“属性”→“高级”，选中“显示开发菜单”，然后到“开发”菜单，选中“开启WebGL”