`
lan13217
  • 浏览: 496065 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

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

 
阅读更多

最近发现很多朋友无法运行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呢?

请访问:如何判断我目前的浏览器是否支持WebGLhttp://doesmybrowsersupportwebgl.com/,如果显示Yay,说明你的浏览器已经支持WebGL了,否则显示Nay。

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

 

 

 

Opera next

目前硬件加速还处于 Alpha 阶段,并只是用 OpenGL 后端。硬件加速在现代显卡和及时
更新的驱动程序的支持下会运作得更好。后续还将支持 DirectX 和更多显卡。

选项

硬件加速开关:opera:config#UserPrefs|EnableHardwareAcceleration

WebGL 开关:opera:config#UserPrefs|EnableWebGL

0=禁用,1=自动,2=强制开启。此版默认均为自动。

分享到:
评论

相关推荐

    基于js判断浏览器是否支持webGL.docx

    Detector对象包含了多个属性,例如canvas、webgl、workers、fileapi等,分别用于判断浏览器是否支持Canvas、WebGL、Web Worker、File API等功能。作者使用try-catch语句来捕捉canvas.getContext('webgl')或canvas....

    unity 用安卓手机 打开webgl 浏览器全屏 显示模版

    在Android手机上打开WebGL项目时,通常会通过内置浏览器来加载和展示内容。为了实现全屏显示,我们需要注意以下几点: 1. **设置Unity导出选项**:在Unity编辑器中,选择"File" > "Build Settings",然后在平台列表...

    WebGL for IE 软件

    总的来说,"WebGL for IE"软件为那些依赖IE浏览器的用户打开了通往现代Web图形世界的大门,让这些用户也能享受到WebGL带来的丰富视觉体验。不过,随着Microsoft Edge的推出,以及对Chromium内核的采用,IE浏览器的...

    基于js判断浏览器是否支持webGL

    整个检测逻辑被封装在了一个名为`Detector`的对象中,该对象包含多个属性和方法,通过这些属性和方法,开发者可以很容易地在自己的项目中引入WebGL功能,同时保证在不支持WebGL的浏览器上给出适当的提示。...

    WebGL插件unity.zip

    总之,"WebGL插件unity.zip"这个压缩包提供了一种将Unity内容集成到网页的途径,利用WebGL的强大功能,开发者可以创建互动性强、视觉效果出色的3D网页应用。在使用过程中,理解WebGL的工作原理,掌握Unity的WebGL...

    webglreport:报告浏览器 WebGL 功能的网页,包括支持的扩展和实现特定功能,例如最大纹理单元数

    WebGL(Web Graphics Library)是一种JavaScript API,用于在任何兼容的Web浏览器中渲染交互式的2D和3D图形,无需...开发者可以通过分析这些文件来了解`webglreport`的实现原理,或者自定义自己的WebGL功能检测工具。

    Unity WebGL下读取Excel

    3. **JavaScript接口**:由于Unity WebGL与Web浏览器之间的通信是通过JavaScript接口(JSIL)完成的,你需要创建一个JavaScript文件,暴露一个方法供Unity调用,以实现读取Excel文件的功能。 4. **用户上传文件**:...

    unity webgl复制粘贴插件

    untiy webgl inputfield复制粘贴插件,2019.4.0亲测可用,只需要导入即可,无需其他操作

    Unity-webgl视频流测试程序

    Unity WebGL是Unity游戏引擎的一个重要特性,它允许开发者将3D和2D游戏以及交互式内容无缝地部署到Web浏览器中,无需插件。这个"Unity WebGL视频流测试程序"是为了检验Unity WebGL项目是否能够有效地处理视频流内容...

    UnityWebgl网页弹窗播放实时视频.zip

    Unity WebGL 是一个强大的游戏开发平台,它允许开发者创建交互式3D和2D内容,并能在浏览器上无缝运行。本项目“UnityWebgl网页弹窗播放实时视频”是针对Unity WebGL的一项应用,它提供了在网页中播放实时视频的功能...

    unity3d webgl播放视频 自用备份

    总结来说,"unity3d webgl播放视频 自用备份"项目涉及了Unity3D的WebGL导出、视频资源的处理、Unity的Video Player组件的使用、JavaScript与Unity的交互、浏览器兼容性测试以及性能优化等多个方面。理解并掌握这些...

    Unity InputField在webgl平台黏贴复制

    这通常是通过监听键盘事件,模拟浏览器原生的复制粘贴行为来实现的,确保在不损害WebGL兼容性的同时,提供与桌面平台相似的功能。 标签中的"unitywebgl"表明了这个问题与Unity在WebGL平台上的运行有关,"复制黏贴...

    用 WebGL 打造 HTML5 游戏引擎平台.pdf

    WebGL,全称为Web Graphics Library,是一个用于渲染高级2D和3D图形的JavaScript API,它在不依赖插件的情况下,在Web浏览器中使用OpenGL ES图形库。由于其开放性、跨平台性和无需额外插件即可运行的特点,WebGL已...

    解决webgl输入框无法输入中文插件

    然而,由于浏览器安全限制,WebGL在某些情况下可能与其他交互功能如HTML输入框存在冲突,特别是在全屏模式下。 标题提到的问题——"解决webgl输入框无法输入中文插件",是WebGL应用中常见的一个挑战。通常,当用户...

    webgl文档以及工具

    此外,不是所有的浏览器都默认开启WebGL支持,开发者需要考虑到兼容性问题。 9. **WebGL与Three.js**:Three.js是一个基于WebGL的JavaScript库,它简化了WebGL的使用,提供了丰富的3D对象、动画、相机控制等功能,...

    Unity Webgl 讯飞语音

    Unity WebGL项目需要注意浏览器的兼容性,因为不是所有浏览器都完全支持WebGL。讯飞语音的Web API也需要考虑不同浏览器的差异,可能需要使用polyfills来确保在较旧或非主流浏览器上的正常工作。 6. **性能优化** ...

    WebGL 开发介绍.zip

    2. JavaScript接口:WebGL将OpenGL的函数转换为JavaScript接口,使得Web开发者能够通过JavaScript调用这些图形渲染功能。 3. 绘图上下文:在HTML5 `<canvas>` 元素中,WebGL创建了一个绘图上下文,允许开发者绘制...

    webgl.zip_WebGL怎么下载_webgl_webgl开发工具_webgl示例

    用户只需要确保浏览器是最新版本,WebGL功能通常是默认启用的。如果你想要测试WebGL是否可用,可以访问像`get.webgl.org`这样的网站,它会自动检测浏览器对WebGL的支持情况。 WebGL允许开发者通过JavaScript代码在...

    Unity、WebGl、全屏模式下输入中文

    3. **自定义WebGL Player Settings**:在Unity编辑器的Player Settings中,可以配置WebGL的发布选项,比如开启“实验性”的WebGL支持,这可能会影响中文输入的处理。 4. **利用HTML5的Input元素**:考虑将Unity的...

    Unity Webgl打包后在Windows平台、安卓苹果移动设备上自动全屏横屏解决方案Demo

    Unity WebGL 是一种跨平台的游戏开发技术,允许开发者创建的3D和2D游戏在Web浏览器中运行,无需安装额外的插件。这个“Unity Webgl打包后在Windows平台、安卓苹果移动设备上自动全屏横屏解决方案Demo”是针对Unity...

Global site tag (gtag.js) - Google Analytics