哪个手机浏览器支持html5,四大手机浏览器HTML5兼容性横评

随着HTML5、Canvas、WGL等技术的发展,手机网页的显示效果已经今非昔比,以前在客户端才可以做到的很多事情,实际上已经可以在浏览器上实现。于是浏览器厂商们纷纷抛出WebAPP代替论,关于webAPP能否代替本地APP的争论也甚嚣尘上,不管结果如何,HTML5的兼容性对于浏览器来说是迈向移动互联网下一段里程的必由之路。

测试环境:HTCDesireS,系统:Android2.3.5

测试对象:UC浏览器V8.2、Q立方浏览器、欧朋HTML5体验版(以下简称欧朋H5)、傲游浏览器。

测试的第一项是最直观的跑分,测试地址:http://html5test.com/

浏览器HTML5测试跑分结果

令人意外的是腾讯的Q立方浏览器获得了257分的高分,接近UC浏览器,这个结果要归功于它内置的基于WebKit开发的X5内核,它的前辈QQ浏览器跑分仅为182分。尽管该浏览器目前仍处于内测状态,不过HTML5的兼容性表现不容小觑。

可惜的是,得分最高的Chrome并没有推出针对移动终端的浏览器,而Firefox手机版目前没有中文语言版本。而IE9以141分的得分排名垫底。

兼容性测试并不能完全代表浏览器的HTML5表现,接下来凤凰网科技对各项表现进行了分别测试,首先测试的是多媒体性能。

测试结果1:

Q立方:可播放视频,支持网页音量调节;

欧朋H5:可播放视频,支持网页音量调节;

UC浏览器:可以识别并播放视频,由于打开页面后播放器自动全屏,缩放功能无法实现;

欧朋H5:网页不支持,该网页提示下载Safari浏览器,该结果疑似苹果营销手段,暂不做评价。

测试小结:测试的几款浏览器均可正常播放音画,但是由于是手机端,网页打开后自动识别视频并进行播放,播放器只有简单的前进、倒退和暂停按钮,调节音量功能只能通过手机音量键实现。此外几款浏览器对网页“滑动杆”的支持都不太好,比如无法顺利拖动音量滑杆和缩放滑杆,虽然在手机上这两项并不影响播放,但是也说明了在多媒体支持上需要一个更完善的解决方案。

HTML5增加了很多2D和3D的绘图效果,本次评测也针对页面绘图进行了测试。

测试小结:从截图中可以看出,四款浏览器均成功显示了文字阴影,但是显示效果各有差别。欧朋H5虽然得分最高,但是并没有显示出背景的渐变效果,而Q立方显示渐变效果,但过渡效果表现很差,体现了页面渲染能力的不足。而UC和傲游虽然字体有出入,但是显示效果上相对令人满意。

为了进一步考验各浏览器,我们对2D绘图效果进行了更严苛的测试,首先测试的是光照效果,依旧是由投影和渐变构成,但是加入了基于JS的交互效果。

测试小结:本轮测试结果与上一轮基本一致,四个浏览器都能显示光照效果,可以通过触摸移动光源,形成不同角度的光照效果,其中Q立方依旧存在渐变渲染效果问题,色彩过渡生硬,显示效果较差。另一方面,欧朋H5和傲游显示的阴影较为精确,UC浏览器和Q立方阴影模糊,基本看不清字形。

通过各种效果的组合,在浏览器中可以通过纯代码的方式绘制图形,任意缩放都可以保持清晰度,类似于Illustrator等绘图软件绘制的矢量图形,测试地址:http://knb.im/css3/

CSS3解释效果测试左图为欧朋H5右图为UC浏览器

CSS3解释效果测试左图为Q立方右图为傲游浏览器

四、3D效果显示测试:全数通过

本次使用到的测试地址是基于Canvas和Javascript实现的3D动画效果,地址:http://peterned.home.xs4all.nl/3d/

Canvas3D动画效果测试

五:HTML5网页游戏测试:差强人意

测试游戏:BiolabDisaster,测试地址:http://playbiolab.com/

测试小结:本次游戏中,四款浏览器均可顺利运行该游戏,四个按键都可正常使用,但是细节上各有差异,其中UC浏览器在操作时多点触摸默认为缩放网页,所以无法同时按下方向键和跳跃键,Q立方和傲游也存在同样问题,而傲游测试效果最不理想,顶部过高的标签和地址栏将游戏画面高度压缩,下方的功能按钮栏又挡住了一部分游戏按键,同时在傲游中试玩时出现了人物不受控制自动移动的现象。

本次测试旨在衡量四款浏览器在HTML5基础效果实现程度上的表现,所以并没有拿非常严格的3D网页和特效来测试,综合测试结果看,四款产品各有千秋,对多媒体、游戏、绘图的基本呈现都做到了较好的支持,其中Opera由于内核优势,在图形解析上略胜一筹,而仍在内测阶段的Q立方也显示出了WebKit强大的兼容性,相对来说虽然UC在跑分中成绩优异,然而在后续测试中结果并不理想,而傲游在阴影的绘制上表现出色,但是细节上仍有很大改进空间。

综合来看,没有一款产品通过全部考验,说明浏览器在HTML5支持性上还有待提高,尽管各家都在标榜兼容HTML5,但是测试的结果不尽人意。目前通过HTML5+WebGL技术,《GT赛车》游戏已经可以实现在网页上进行3D赛车体验(国内无法访问),而浏览器能否跟上开发者的步伐令人担忧,希望在HTML5大潮真正到来之前,浏览器们能够闭上嘴,静下心,做好准备迎接这场革命。

文章转载请注明来源。新辉网主页 > 网页基础 > html5 >

标题:四大手机浏览器HTML5兼容性横评

地址:http://www.a55.com.cn/a/2660.html

关键词:html5资讯,html5浏览器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值