HTML5 在移动端的兼容比兼容 IE6 更让人崩溃

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3795 天前的主题，其中的信息可能已经有所发展或是发生改变。

低端安卓各种问题。
大多数是 2.x 版本、单核、256MB、512MB 内存的机器，几十台不一样型号、分辨率的机器，测试都没法测试……
更别说调试的麻烦了。

大家有什么一些建议和经验呢？

第 1 条附言 · 2014-08-03 00:27:15 +08:00

项目是 HTML5 休闲类手游。

兼容

256MB

2.x

23 条回复 • 2014-08-03 13:39:39 +08:00

jamesxu

2014-08-02 21:18:10 +08:00

那都是几年前的啊，对 HTML5 的兼容性不好很正常啊，看这里，分数越高兼容性越好，尽量找新版的好了：
http://html5test.com/results/mobile.html

em70

2014-08-02 21:27:48 +08:00 via Android

用框架吧，另外移动端不适合搞太复杂

taoche

2014-08-02 21:32:44 +08:00

安卓阵营机型之混乱，超乎你的想象，各种硬件的不统一。
安卓阵营webkit内核的浏览器之混乱，超乎你的想象，套壳的浏览器太多。
而且比桌面端来说，连hack都没办法。

wwqgtxx

2014-08-02 21:39:01 +08:00 via Android

只测试uc/qq/upera三大浏览器即可，别的不管

pepsin

2014-08-02 22:24:21 +08:00

很简单，把那些复杂需求打回去。

移动端为了省电做了很多 tradeoff，是系统级的，不要指望太多。

Pete

2014-08-02 22:26:09 +08:00

就这个侧滑菜单的效果安卓机上八成都跪了要么丑要么卡 chrome比较好..
手上没苹果不知道safari怎么样

paicha

2014-08-02 23:08:06 +08:00

@em70 现在确实有用框架，但是还是出问题。

@taoche 看来你也是深受其害……

@wwqgtxx 我们只针对原生的浏览器，因为要在微信或者app里面打开。

wwqgtxx

2014-08-02 23:38:27 +08:00 via Android

@paicha 用天语t619+测试吧，这大概是现在能买到的最便宜配置最低的手机了
不过安卓原生浏览器在4.0之前真不靠谱，4.0之后还是很不错的

wwqgtxx

2014-08-02 23:47:38 +08:00 via Android

@taoche 不觉得呀！
看看v2在安卓各个浏览器上都挺正常的，难道是因为页面逻辑太简单？
硬件不统一貌似跟html5没啥关系，至于webkit套壳管他呢，还是那句话，uc/qq/opera，其他的在国内市场几乎没人用，要是考虑国外，就加上chrome/firefox
至少在我用过的各种手机上，上述浏览器的表现效果都是一致的
本人亲测天语t619+，天语c986t，联想a820t，中兴q505t，华为y510，天语s5，华为c8812，天语w68
这些都是中端机或者低端机，表现都很正常，高端机没钱，待你们去测试了

taoche

2014-08-03 00:12:48 +08:00

@wwqgtxx webapp做过吗

taoche

2014-08-03 00:19:12 +08:00

@wwqgtxx 如果只说移动端，在一些稍微交互复杂的项目中，UC为首的一些浏览器就会出现一些问题。浏览器表现的不一致性也挺烦恼的。
硬件不统一，如，分辨率上就有选择性的适配；硬件性能方便只能选择平稳退化的方案。

paicha

2014-08-03 00:26:39 +08:00

@wwqgtxx
@taoche
嗯，其实我还忘了提，我是在做H5游戏。

MASAILA

2014-08-03 00:29:29 +08:00

2.x的版本还有兼容的必要吗？这些用户能为你贡献多大的价值呢？

paicha

2014-08-03 00:39:58 +08:00

@MASAILA 不是程序员说了算，_(:з」∠)_

em70

2014-08-03 02:35:40 +08:00

@paicha 设计上不要用那么复杂的技术,用户本身也不喜欢复杂,界面看起来炫,其实屁用没有

yyfearth

2014-08-03 03:59:26 +08:00

@paicha 本来就是Android 2.x 下的浏览器和IE是可以媲美的

jQuery小组本来以为2.0停止支持IE<9可以节约很多代码结果并没有他们想象的那么好 Android 2.x 的Webkit浏览器仍然导致大量的兼容性代码遗留

Link: http://blog.jquery.com/2013/04/18/jquery-2-0-released/

How 2.0 Changed

Reduced size: The final 2.0.0 file is 12 percent smaller than the 1.9.1 file, thanks to the elimination of patches that were only needed for IE 6, 7, and 8. We had hoped to remove even more code and increase performance, but older Android/WebKit 2.x browsers are now the weakest link. We’re carefully watching Android 2.x market share to determine when we can cross it off the support list, and don’t expect it to take very long.

yyfearth

2014-08-03 04:02:12 +08:00

@em70 不一定哦当然功能是最主要的但是有功能的前提是易用
在功能和易用相同的前提下当然是界面漂亮的用户更喜欢了 (当然还需要良好的宣传和运营)

技术复杂不等于功能复杂也不等于使用复杂
只要有功能加易用用户才不会管技术实现如何

wwqgtxx

2014-08-03 06:57:02 +08:00 via Android

@paicha 在android2.x的原生浏览器上做H5游戏，这绝对是最不靠谱的想法，还不如写原生应用

awebird

2014-08-03 07:38:58 +08:00 via Android

最大的不同是移动端的更迭比桌面端快很多，半年前的项目还需要兼容android 2.x iOS 5，现在就不用了。我觉得H5页面还应当兼容（效果打折，功能不受影响），游戏真不值得… H5兼容最头疼的是各种国产浏览器

WildCat

2014-08-03 07:50:20 +08:00 via iPhone

Cocos2dx-JS也不行吗？

leohxj

2014-08-03 08:55:50 +08:00

最烦不过调试！

paicha

2014-08-03 13:23:53 +08:00

@wwqgtxx 4.0 以上的表现还不错，就是 2.x 太揪心……
@awebird 嗯嗯，手机迭代速度快很多。希望尽早淘汰。

H5 做一些休闲手游还是不错的，现在主流的移动端原生浏览器的 H5 支持比前一两年好了很多了。
用 H5 做手游，可以全平台支持，而且轻量，开发时间短。当然运行效率就比不上原生应用，但是瑕不掩瑜。现在我用的是 phaser 框架，最近也打算试试国内创业公司的 egret，就是写围住神经猫的框架。

wwqgtxx

2014-08-03 13:39:39 +08:00 via Android

@paicha 把你们的产品地址发来看看吧