Question

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

Answer 1

　　开启浏览器的WebGL功能首先需要浏览器支持该功能，以chrome浏览器为例：

　　1、右击chrome浏览器的快捷方式，点击属性；

　　2、点击快捷方式选项卡，目标框原有内容后输入--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files，然后点击确定；

　　3、参数功能介绍：

　　--enable-webgl表示开启WebGL支持；
　　-gpu表示忽略GPU黑名单，也就是说有一些显卡GPU因为过于陈旧等原因，不建议运行WebGL，这个参数可以让浏览器忽略这个黑名单，强制运行WebGL；
　　--ignore-gpu-blacklist表示允许从本地载入资源，如果你不是WebGL的开发者，不需要开发调试WebGL；

　　只是想要看一下WebGL的Demo，那你可以不添加这个参数：
--allow-file-access-from-files。

Answer 2

要运行WebGL，必须有一个支持它的浏览器。先来看看在桌面平台上有哪些设备和平台已经支持WebGL了
Google Chrome 9及以上版本
Mozilla Firefox 4以及上版本
Safari 5.1及以上版本（仅限于Mac OS X操作系统，不包括Windows操作系统；所有情况下必须强制开启WebGL支持，请参考下文）
Opera Next 即Opera 12 alpha及以上版本
IE并不支持WebGL(IE11支持WebGL)，但是可以下载并安装IEWebGL这个插件，或Google Chrome Framework来运行一些WebGL应用

那么这些浏览器该如何启用WebGL呢，请看下面解决方法：
Chrome浏览器
需要为Chrome加入一些启动参数，以下具体操作步骤(以Windows操作系统为例)
1、找到Chrome浏览器的快捷方式，如果没有就创建一个快捷方式（右键点击chrome.exe，选择“创建快捷方式”或者“发送到”→“桌面快捷方式”），右键点击快捷方式，选择属性。
2、在目标框内，双引号的后边，空格，然后加入以下内容
--enable-webgl --ignore-gpu-blacklist --allow-file-access

点击确定
3、设置完成的后的快捷方式属性窗口看起来应当是这样的，注意“目标”文本框：

4、关闭目前开启的所有Chrome窗口，然后用此快捷方式启动Chrome浏览器。
其中：
--enable-webgl

的意思是开启WebGL支持
--ignore-gpu-blacklist

的意思是忽略GPU黑名单，也就是说有一些显卡GPU因为过于陈旧等原因，不建议运行WebGL，这个参数可以让浏览器忽略这个黑名单，强制运行WebGL
--allow-file-access-from-files

的意思是允许从本地载入资源

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，还是不能运行，更多信息可参考Mozilla Blocklisting/Blocked Graphics Drivers
我在Window XP上测试Firefox的WebGL时，在强制开启了WebGL后，仍然得到Error: WebGL: Error during ANGLE OpenGL ES initialization
悲催的发现Firefox对厂家的不支持和硬件不支持(分别在虚拟机上和显卡为Intel G31/G33 chipset)
On Windows
All vendors other than AMD/ATI, NVIDIA, Intel are blocked (bug 623338). This was required primarily by various crashes on virtual machines with unusual vendor names (bug 621411). We’re open to whitelisting more vendors if needed.
… …
If force-enabling a feature doesn’t work, that probably means that your hardware doesn’t support it. For example, layers acceleration currently requires support for 4Kx4K textures, which rules out some graphics cards, like the Intel G31/G33.

Safari浏览器
1、进入“偏好设置 (Preferences)”菜单并点击高级 (Advanced)
2、选中复选框“在菜单栏中显示‘开发’菜单 (Show Develop menu in the menu bar)”
3、从“开发 (Develop)”菜单中启用 webGL，勾选“启用WebGL”
4、允许从本地载入资源，勾选“停用本地文件限制”
这里要强调：如果电脑的显卡非常老旧，或者是板载的集成显卡，那么需要在浏览器中强制开启WebGL支持；另外因为其他的一些原因（比如操作系统是Windows XP），在正常安装以上浏览器之后还是不能运行WebGL，最好也强制开启WebGL支持

Answer 3

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-files3、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。

Answer 4

要运行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”。

Answer 5

3D图形渲染对显卡要求较高，thingjs是一款基于webgl的3D框架，对客户端设备必须是独立显卡。因为ThingJS 的 3D 可视化应用是 B/S 架构的，3D 场景是运行在客户端的浏览器中，以下的硬件配置供你参考：

客户端：

• 系统：Windows 7 及以上

• CPU：双核 CPU2.8GHz及以上

• 内存：8G 及以上

• 显卡：最低 GTX650，推荐 GTX960 及以上，显存 2G 及以上

• 硬盘：300GB 及以上

可以登陆官网-资源中心查看项目案例，感受3D演示效果