如何在支持HTML5的浏览器上运行WebGL程序

作者&投稿:陈郊 (若有异议请与网页底部的电邮联系)
如何开启浏览器的WebGL功能?~

  开启浏览器的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。

要运行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支持

  • 首先第一步确认自己安装的PHP开发环境是否正确,然后进入到php的“www”文件夹。

  • 然后打开开始->所有程序->AppServ->Control Server by Manual->Apache start

  • 手动打开Apache服务器之后,在浏览器中输入:localhost:8080看是否能正常打开网页。

  • 我们可以在第四步中可以看到,我们输入的网址打开了一个网站,但是发现这个网站的名字在第一步“WWW”文件中也有,那这两个文件是不是一样的呢,我们用DW软件打开“WWW”文件中的 index.php文件。

  • 从上图我们可以看到,其实这两个文件是一样的,但是给我的感觉还是很难接受那,我们自己写给1.php文件里面写入输出语句来确认下,是不是我们打开的网址对应的就是“WWW”文件里面的文件。我们在浏览器中输入:localhost:8080/1.php我们能从如下图中发现,我们的想法是对的,localhost:8080对应的地点就是“WWW”文件。

  • 好的如果我们正常建立PHP项目的话,就是在“WWW”文件夹中创建一个文件夹,然后把我们的PHP文件放入到新建文件夹中,然后用apache服务器调试。如下图:

  • 步骤阅读




,额也这么认为,用最近抽风的gogent试了所有主流浏览器分别在win,mac下测试,发现谷歌第一,ie11第二当然是win,,Safari第三,goagent测试两遍,第一次是默认ip,第二次是狗狗ip,在win7,32位测试结果,但加载速度依然不是那么快,后有在谷歌,火狐Safari添加html5插件,得到最后结果,谷歌+goagent秒开稳定上ytb,gmail,在这里主要表扬下ie11,可能它比ie9支持html要好吧,居然可以稳定运行,还有搜狗浏览器也不错,个人观点有心的可以试试,研究好几天了,免费的gae,虽然一个月前花了币子买了vpn,,,


手机上有的显示WLAN有的显示无线WiFi怎么回事【详解】
搜狗高速浏览器是一款集高效、稳定于一身的现代化网络浏览工具。利用先进的渲染引擎和优化算法,搜狗高速浏览器确保了卓越的页面加载速度和流畅的多媒体体验。具备全方位的安全防护特性,能有效防御各类网络威胁,同时支持HTML5和CSS3,确保了与最新网络技术标准的完美兼容。欲了解更多或立即下载,请访问https:...

智器T20平板电脑怎么样
T20采用1.5GHz主频的德州仪器(TI)OMAP4460 ,是迄今为止最高主频的双核处理器,内建PowerVR SGX540高频版;搭配谷歌最新的Android 4.0.3 ( ICS )操作系统。强大的多任务处理,华丽的动画特效,身临其境的3D游戏,随时随地快速浏览HTML5和 Flash网页内容, 1080P的高清播放和输出,如此强势,唯有王者...

学UI设计都是要会哪些软件?
5、C4D是UI设计中一个非常重要的工具,只要是涉足三维场景、产品、视效制作的地方,C4D都可以胜任。C4D常常和AE这两款软件配合使用,协助我们完成3D渲染工作。它们好比一根麻花,是分不开的,同时也是互补的。当C4D中画面做的过大,重新渲染的话,要老命一条,这个时候就可以打开AE调节一下;在C4D中...

如何查杀arp病毒 arp断网攻击怎么办【解决方法】
搜狗高速浏览器是一款集高效、稳定于一身的现代化网络浏览工具。利用先进的渲染引擎和优化算法,搜狗高速浏览器确保了卓越的页面加载速度和流畅的多媒体体验。具备全方位的安全防护特性,能有效防御各类网络威胁,同时支持HTML5和CSS3,确保了与最新网络技术标准的完美兼容。欲了解更多或立即下载,请访问https:...

本人快21岁了……接触互联网的时间只有两年……SEO工作不知路在何方...
这2万的uv价值何在?这些我们不能不考虑的。所以页面的设置上,针对效果性布局,也要充分考虑。 沟通,我们做点东西,除了外链,文章要找编辑,开发要找前端或技术,服务器方面要找运维。这都要沟通,有些页面改动更要频繁和产品沟通。你的基本功不扎实,了解的不够多。他们不支持你,你再厉害,想法不能在网站上实现,...

UI设计需要学习用到哪些软件
1.PhotoshopAdobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。对于UI设计师是必备的软件,在UI设计中的作用主要...

苹果是如何“杀死”Linux桌面的
但可以肯定的一件事情是,OS X取得了比Linux更大的成功,后者是一个开源操作系统,在数据中心服务器领域中建立起了自己的“家园”,但在台式机和笔记本领域中则仍旧芳踪杳杳。去年可能是见证了Linux大幅增长的一年,但这个操作系统仍旧未能实现象OS X那样的增长,也未能实现Linux支持者们长期以来所期盼的...

UI设计都需要学什么?
选择室内培训专业机构方法如下:1、小班授课,人数越少越好班级人数过多,讲师一定顾不过来一对一指导。学员在做设计中都会遇到非常多需要临时咨询解决的问题,班级人数如果过多,讲师在指导其他同学时,你手上的问题得不到及时解决,会影响你后续设计的节奏以及进度。很多人选择学习设计其实都是三分钟热度...

ui常用的软件有哪些
ui常用的软件有哪些?就目前招聘市场对于UI设计师的要求掌握了PS,Illustrator,AE,DW,Indesign,ARP,XD这几款软件和思维导图,蓝湖,墨刀这几款插件完美足够啦,插件可以自己选学,如果把这几款软件都学会啦,基本的UI设计工作是完全没有问题的。一、Photoshop Photoshop是图像编辑和设计软件,相信大家...

双频路由器怎么看真假 双频路由器辨别真假方法【详解】
搜狗高速浏览器是一款集高效、稳定于一身的现代化网络浏览工具。利用先进的渲染引擎和优化算法,搜狗高速浏览器确保了卓越的页面加载速度和流畅的多媒体体验。具备全方位的安全防护特性,能有效防御各类网络威胁,同时支持HTML5和CSS3,确保了与最新网络技术标准的完美兼容。欲了解更多或立即下载,请访问https:...

陆良县17277389584: 如何在支持HTML5的浏览器上运行WebGL程序 -
塞磊复方: 首先第一步确认自己安装的PHP开发环境是否正确,然后进入到php的“www”文件夹.然后打开开始->所有程序->AppServ->Control Server by Manual->Apache start手动打开Apache服务器之后,在浏览器中输入:localhost:8080看是否能正常...

陆良县17277389584: 怎么用html5制作网页,怎么让IE8兼容html5 -
塞磊复方: 为了方便兼容IE8中使用HTML5,可以使用JS的方法来使低于IE9版本的IE浏览器兼容. 第二种方法:使用Google的html5shiv包(Google在中国打不开,谨慎使用)

陆良县17277389584: safari怎么使用html5
塞磊复方: 在style中,通过 body{ font-family: "对应字体"; color:"字体颜色"; } 控制

陆良县17277389584: IE浏览器支持HTML5标准的方法有哪些? -
塞磊复方: 自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准,但对于IE9是否将完全支持HTML5...

陆良县17277389584: sublime text 2写好html5后什么快捷键可以立刻在浏览器里运行,就像editplus里ctrl+b立刻在浏览器里显示一 -
塞磊复方: 右键 选择 open in browser 自动用默认浏览器打开 希望对你有用

陆良县17277389584: 我的浏览器不支持HTML5 VIDEO??? -
塞磊复方: LS你笨蛋啊,不懂HTML5就别乱说. HTML5是HTML的新标准.即使不是很完善,可是有些浏览器已经支持HTML5了. HTML5的VIDEO是HTML5的新标签,用来播放视频文件(不需要插件哦!). 请问你的是什么浏览器?IE8及以下的都不支持哦! 这个是没有办法解决的,是你的浏览器不支持.换个浏览器就可以了.

陆良县17277389584: 如何在WINFORM中嵌入支持HTML5的浏览器 -
塞磊复方: 用CEF,VS里nutget 搜 cef就行,

陆良县17277389584: 安卓系统能运行HTML5格式的程序吗? -
塞磊复方: android 4.0+默认浏览器已经可以比较好的运行支持html5标准的网页了

陆良县17277389584: vb 的webbrowser能打开html5的网页吗? -
塞磊复方: WebBrowser使用的肯定是IE内核,而HTML5的很多特征是IE不支持的,网页可以打开,但它呈现的效果肯定不是你预期的(或者说你想象中的).一个解决的办法就是把电脑安装的IE浏览器升级到最新的版本(至少也要IE10+),然后在注册表中把WebBrowser的版本号修改为对应的IE版本(这个自己百度).当然这个不是百分百奏效的,因为即使是高版本的IE也不是完全支持HTML5的,而且即使能成,如果你的程序编译为EXE后拿到别的电脑也不能保证就一定运行成功(因为这台电脑不一定装有高版本的IE啊).

陆良县17277389584: 怎么能让html5+css3兼容IE6 - 8浏览器? -
塞磊复方: ie6-ie8根本就不兼容HTML5,很多HTML5的特性根本就不支持.温馨提示:目前支持HTML5的浏览器有:Firefox、Chrome、Safari、Opera、IE9++,IE9也只是部分支持HTML5.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网