fool2fish 发表于
2010.01.02
请注意，由于手机开发发展迅猛，阅读时请注意本文发布时间，更多即时手机开发相关的资料请移步我同事的博客：http://www.smbey0nd.com/
从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。
手机网站开发，有着许多不为人知的困难：
一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考；
二是兼容性工作异常艰辛，难度一点也不比web网站的兼容性工作来的低（关于这点，请参见我之前的文章）；
再者作为一个手机网站的前端开发，也往往容易被人忽视（包括我们自己），大家也许会觉得做好一个手机网站能有多难，了解一点XHTML、一点CSS，甚至不需要对JavaScript有什么研究，事实却不是如此，正因为手机网站的开发受到设备的太多限制，前端们常常为了节约几个字节而纠结万分，写出语义化良好的代码也显得更加重要，而多版本的开发需求也对于JavaScript的优雅降级要求甚高，这样才能使得网站有分版本需求的时候可以公用同一套XHTML代码，最大程度的降低开发成本。
对于手机网站来说，相信现在仅仅只是个开始，随着各种新机型的相继面世，这块领域必将成为兵家必争的新高地。
很高兴，在新年的开始，终于可以有时间写下自己的经验分享给大家。
也特别感谢一直以来和我并肩奋斗在无线开发最前沿的王卓同学。
注意：由于手机网站发展迅速，请参阅者注意本篇文章的发布时间。
目录
- 手机用户设备统计分析
- 手机浏览器兼容性测试结果概要
- 手机网站开发中你需要注意的问题
- 推荐参考资料
- 总结
查看全文 »
标签：手机浏览器兼容性测试, 手机网站开发, 无线网站开发
分类：
前端开发 |
13条评论 »
fool2fish 发表于
2009.08.24
1 为什么要有兼容性测试：比web浏览器还恐怖的手机浏览器
对于web网站，一般来说，目前我们需要兼容的是
1个操作系统（windows）X 3种浏览器（ie 6、ie7、firefox）= 3种情况
要求高一点的web网站需要兼容的是
1个操作系统（windows）X 7种浏览器（ie6、ie7、firefox、chorme、opera、safari、遨游）+ 1个操作系统（mac） X 1种浏览器（safari）= 8种情况
注：以上浏览器除了ie外，均指其最新版本。另，遨游浏览器虽然是基于ie内核，但某些表现却完全出人意料，故也加入考虑。
好了，以上最多8种需要兼容的情况，已经让人大呼头痛不已，何况事实上这些浏览器对html代码本身的解析都是没问题的，你比较需要费心的只是ie6的css和js。
那么手机浏览器有多少种需要兼容的情况呢？
查看全文 »
标签：mini browser, mobile browser compatibility, wap browser, 兼容性, 手机浏览型, 手机网站开发
分类：
前端开发 |
26条评论 »
fool2fish 发表于
2009.05.18
前言：
手机有哪些浏览器？这些浏览器对xhtml、css和js的支持度怎么样？目标用户的手机使用情况？条件限制下的手机界面设计要如何进行？如何快速搭建一个手机网页？如何做好网站的兼容性工作？想必这些问题每个参与过手机网页开发的人都遇到过。
头大的是，除了自己公司已有的一些经验，网上恐怕没有过多的(公开的)文档可以参考。 09年上半年的工作重心全在手机网页开发上面，这使得自己某种程度上也成了拓荒者。现将这段时间的开发心得同大家分享以下，欢迎大家跟我交换自己的想法。
手机网站开发必修课系列文章计划：
- 手机浏览器
- 来自wiki的解释
- 对wiki的总结
- 浏览器兼容性测试
- 为什么要有兼容性测试：比web浏览器还恐怖的手机浏览器
- 目标用户数据挖掘
- 安排测试，整理测试结果
- 测试结果对手机网站开发的指导意义
- 对设计的指引作用
- 确保裸html代码具有较高可用性，谨慎使用html标签
- css使用注意事项
- 非常重要：代码的优雅降级
注：由于有些数据牵涉到公司的商业机密，所以在这个系列的文章当中，有些可能不会公布出详细的数据，但会给出方向性的结论或者意见，请大家见谅。
要了解手机网站开发的诀窍，我们必须先了解手机浏览器。虽然百度“手机浏览器”没啥有价值的文章，所幸google“mobile broswer”出来了比较多有价值的文章。那么，站在前人的肩膀上，我们可以看的更远。
查看全文 »
标签：mobile browser, wap开发, 前端开发, 手机浏览器, 手机网站开发
分类：
前端开发 |
13条评论 »
最新评论