青青子衿, 悠悠我心, 但为君故, 沉吟至今
手机浏览器HTML5支持情况调查
　　最近过去的几个月中，手机浏览器领域的口水战不断，UC、海豚、欧朋、腾讯都或多或少的卷入了些许。抛开是非不谈，他们共同关注的一个非常重要的领域就是对HTML5的跑分支持。　　前端时间Facebook的移动开发者关系部门主管Pearce也向TechCrunch表示，只有移动浏览器的进步才能带动HTML5应用的发展，苹果和谷歌在浏览器对HTML5应用的支持上做的。那么我们就来看看现在中国市场的手机浏览器对HTML5的支持情况吧。　　正如笔者年初在中提到的，目前对浏览器HTML5兼容性测试做的最好的是html5test.com.浏览器在这个网站上取得的得分越高说明对HTML5的支持越好。这个网站最近一次升级是在日，目前的满分是500分。（感觉我好像总是在给这个网站的升级做广告。）　　整体情况
百度手机浏览器
海豚浏览器
Q立方浏览器
天天浏览器T9体验版
Android 2.3
189+1 / 317+3*
Android 4.0
275+3 / 317+3 *
275+3 / 364+10 *
　　在测试的过程中发现，只有UC和欧朋是支持Android 4.0的系统的，天天和QQ在Android 4.0仍然是跑不起来。而今年新进加入HTML5跑分争夺的百度和海豚都采取了偷巧的方式，用户需另外再下载一个内核才能获得更好的支持体验，用户体验上还是差了不少。　　从总跑分来看，欧朋的HTML5跑分最高，使用了最新版的Presto内核。其次是UC，新做的这个U3内核相当有冲击力，短短三个月就将跑分提高了近一百分。百度的表现也不错，突破了300分。海豚在4.0上虽然能跑出364的高分，但是还不支持2.3，有不小的硬伤。而去年年底炒的风生水起的Q立方和天天都没有再发过新版，跑分变动完全是因为html5test网站升级带来的。　　从市场份额看，UC浏览器是已经公开发布的正式版产品，据UC的公开数据，已经有超过5千万Android平台的用户在使用。欧朋HD在这个月刚刚去掉了后面的beta标识开始正式向市场推广，不过依据Opera的行事风格，市场份额还有待观察，但是应该不错。百度手机浏览器在2月份发布正式版之后，已经开始发力做一些市场推广活动，似乎也是百度无线开放平台的重要一环。海豚的自有内核目前只能在Android4.0平台上运行，而现在装载4.0系统的手机份额大约只有3%，市场空间可能还很小。　　跑分细节　　上面看的是总分，接下来让我们看一下这几款浏览器在html5test.com上各个项目的跑分情况：　　从各项上看，各大浏览器对canvas、video、Location and Orientation等基础项目支持的都已经不错了，但是在一些项目上有不小的差异。　　比如可以为绘图提供硬件加速的WebGL项目上面，目前只有UC、欧朋和天天能支持的较好，这个会是游戏类应用比较关注的点。　　在Communication项目上，各家的支持程度也不尽相同，UC和海豚都已经做到了支持WebSocket，其他家的支持还有待提高。　　在Local multimedia项目上，目前只有UC和欧朋可以做到支持调用本地的多媒体设备接口。　　在Form项目上，欧朋保持领先，拥有超过100分的跑分。　　后记　　随着各家浏览器对HTML5支持度的提升，对基于HTML5应用的兼容性和稳定性都有了一定的优化。一些对性能要求略高的应用，比如2011 Google I/O时播放的倒计时demo，用UC、百度、海豚打开都能够获得流畅的体验。　　而从开发者角度，越来越多的人开始了解并接受Web应用也能够在移动平台上大展身手。在近期HTML5小组的Code jam上的作品水平也是越来越高，不少作品已经可以在做一些稳定性优化之后都是可以拿出来当做商业产品发布的。现在阿里云、盛大、新浪、百度都在搭建云服务平台，供开发者使用，其中也涌现出一些优秀Web App RAD工具。　　不错的浏览器支持环境已经有了，良好的开发者支持体系也出现了，HTML5应用的爆发，可能就在一触之间。或许，就是明天。　　来源：读者投稿
　　除非注明，文章均为原创，转载请以链接形式标明本文地址
　　本文地址：
还是opera强大...........还有日期.....
.元木的微博
悲催的火狐，自始至终都没他什么事情。唉……寄希望于B2G能够有爆发
不知道只支持4.0的chrome结果怎么样~还有 firefox 。。。傲游浏览器、360浏览器也想看啊。
GalaxyNote 4.0.3 测试成绩Chrome : 369Firefox : 308OperaMobile: 368
cm9 海豚平板版 觉得还不错
.chaoyue325
PS Vita表示 我58分
.季崇诺_NoNo
运营商流量不给力我还是用不起高贵的本地解析浏览器 而且无论是本地解析还是转码浏览 opera都是第一 流畅度也是
.虎耳_robin
在中国，大家还是对分数最追求啊。
不支持HTML5的浏览器不是好手机
.初学者博客
还是习惯使用UC浏览器的。
chrome beta for 4.0： 369+11。 不过得分和性能的关系么...
.chrome王道
chrome随便跑了一下369+11王道没话说
chrome beta 呢？
.慵Pioneer
chrome beta for 4.0： 369+11。
.斑驳的阴影MK2
chrome beta一枪托轮翻这些渣渣!
没有ios平台的吗？
.Chrome是你爹
海豚浏览器 4.0版就是Chrome内核UC先把自己弄得不卡B再说事儿吧你以为弄强捆带那点破量就牛逼了？跟腾讯一个操行
.Chrome是你爹
我只知道Trident/WebKit/Gecko/Presto谁知到UC那什么U3是什么鸡巴玩意儿？
.朱旗折腾2012
#互联网动静儿#浏览器甚至比系统还重要，附加的插件，会带来巨变。
赞助商广告
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.使用jQuery 给 div绑定的`click`事件，在pc端的浏览器上能正常触发。但是在手机浏览器上无法触发。&br&
### 解决办法
给div 添加`cursor:pointer`属性即可。&br&
坑了我好久。
请登录后发表评论
all or nothing, now or never.解决在部分安卓手机个别浏览器上出现皮肤过大的问题 - krpano教程
Sorry, you have Javascript Disabled! To see this page as it is meant to appear, please enable your Javascript! See instructions
如图，在某些安卓手机上会出现这样的情况。
首先，检查在tour.html文件是否写了
&meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" /&
&meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" /&
这里关键是 target-densitydpi=device-dpi
其次krpano使用mobilescale控制元素在手机上的整体比例（html文件的embedpano函数里）
如根据是否为QQ浏览器选择mobilescale的代码（tour.html）：
function selectmobilescaleusage()
// check for Android MQQBrowser:
if( navigator.userAgent.indexOf("Android") &= 0 &&　navigator.userAgent.indexOf("YYB") &= 0 )
return 0.5
// for all other cases use 1:
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"auto", mobilescale:selectmobilescaleusage(), passQueryParameters:true});
12345678910111213
&script&function selectmobilescaleusage()　　{// check for Android MQQBrowser:if( navigator.userAgent.indexOf("Android") &= 0 &&　navigator.userAgent.indexOf("YYB") &= 0 )&&return 0.5&// for all other cases use 1:return 1;　　} embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"auto", mobilescale:selectmobilescaleusage(), passQueryParameters:true}); &/script&
使用stagescale控制元素的整体比例
变量名 (仅HTML5可用)
全局整体缩放设置。stagescale设置可以缩放全部krpano元素和尺寸。通过缩放全部元素，krpano的stage-size（屏幕尺寸/分辨率）自身将会根据这个数值相反地进行缩放。例如，数值为0.5时使得所有元素为原来的百分之五十大小，同时内部的stage-size增加到200%。默认的stagescale数值依据设备、浏览器、JavaScript的window.devicePixelRatio数值而定。在桌面和平板浏览器上，这个数值默认为1.0，移动设备默认为0.5。这就是说在移动设备上的元素通常为桌面或平板设备的一半大小。为了屏蔽这个行为（实现某些自定义调用的布局），在第一个载入的xml文件中加入下面的代码：
&action name=”mobilescale” autorun=”preinit” devices=”mobile”&mul(stagescale,2);&/action&
如在vtourskin.xml中有这么一段：
&krpano stagescale="calc:stagescale * 2" if="stagescale LT 1.0" devices="mobile" /&
&krpano stagescale="calc:stagescale * 2" if="stagescale LT 1.0" devices="mobile" /&
微信扫一扫关注krpano中文网公众号&&you have been blocked浏览器，有问题【黑鲨手机吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：4,651贴子：
浏览器，有问题收藏
这是所有的手机都有，还是我手机中毒了？我的广告过滤都开了，点了以后他就进入，手机自带app商城，下载，想看，app
为何不使用第三方浏览器？如果真心纠结就恢复出厂设置不就OK了，病毒是逃不过出厂设置的，假设你真遭遇不信遇到超级顽固的病毒，还是建议你走一波售后，要不然你支付宝和微信零钱就危险了
登录百度帐号