挨踢民工日志

注：本ppt适合firebug和fiddler的初级用户，同样也适合需要讨老婆、女友开心的广大男性同胞。

上周给公司的同事做了一次firebug和fiddler的分享，泪流满面啊，分享完了,好多同事都很认真的来问我fiddler的使用细节，哈哈，看来他们都打算亲自实践一把了。

请注意，由于手机开发发展迅猛，阅读时请注意本文发布时间，更多即时手机开发相关的资料请移步我同事的博客：http://www.smbey0nd.com/

从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。

手机网站开发，有着许多不为人知的困难：

一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考；

二是兼容性工作异常艰辛，难度一点也不比web网站的兼容性工作来的低（关于这点，请参见我之前的文章）；

再者作为一个手机网站的前端开发，也往往容易被人忽视（包括我们自己），大家也许会觉得做好一个手机网站能有多难，了解一点XHTML、一点CSS，甚至不需要对JavaScript有什么研究，事实却不是如此，正因为手机网站的开发受到设备的太多限制，前端们常常为了节约几个字节而纠结万分，写出语义化良好的代码也显得更加重要，而多版本的开发需求也对于JavaScript的优雅降级要求甚高，这样才能使得网站有分版本需求的时候可以公用同一套XHTML代码，最大程度的降低开发成本。

对于手机网站来说，相信现在仅仅只是个开始，随着各种新机型的相继面世，这块领域必将成为兵家必争的新高地。

很高兴，在新年的开始，终于可以有时间写下自己的经验分享给大家。

也特别感谢一直以来和我并肩奋斗在无线开发最前沿的王卓同学。

注意：由于手机网站发展迅速，请参阅者注意本篇文章的发布时间。

目录

1. 手机用户设备统计分析
2. 手机浏览器兼容性测试结果概要
3. 手机网站开发中你需要注意的问题
4. 推荐参考资料
5. 总结

查看全文 »

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。

那么手机浏览器有多少种需要兼容的情况呢？

查看全文 »

要了解手机网站开发的诀窍，我们必须先了解手机浏览器。虽然百度“手机浏览器”没啥有价值的文章，所幸google“mobile broswer”出来了比较多有价值的文章。那么，站在前人的肩膀上，我们可以看的更远。

查看全文 »

查看全文 »