手机web开发的感想
前几天做了一个手机web的页面,由于是刚刚毕业,以前只是做过pc的网站,上来以为和以前一样呢,结果做了一个东西,本来说是手机分辨率是480*800的,那我就定义网页的宽度是480不就好了吗,结果做完了部署一看,好家伙,全都乱了,被经理是一顿批,我这个人就有这么个优点是越挫越勇啊,最怕别人说我不行,你越说我不行,我就越要证明给你看我行,我就仔细的研究这个问题了,浏览在互联网的海洋中,寻找这灵感,最后在欺骗大牛的帖子中找到了灵感,文章后边我会贴出他们的链接地址,做手机网站不能,定义宽度,就是你的宽度要用百分数比如body的宽度设为100%,margin,pading这些属性多是百分数,然后再有一个viewport属性获得屏幕的宽度,这样就可以了,做手机网站尽量不要使用图片,应为图片多了你的访问速度一定很慢,在一个就是手机浏览器的适配问题,如果是iphone,和android自带的浏览器,都还好说,支持的东西都比较标准,但是国产的uc浏览器确实让人很头疼,到目前为止,我没有完全在这个浏览器上显示过,不是出现排版错乱,就是根本不显示,在一个就是他对javascript的支持简直就是垃圾中的极品,搞得我因为这个浏览器被批了很多次啊,所以如果你要是把uc浏览器作为你的底线的话,你在做手机网站的时候尽量不要使用javascript,他简直就是你的噩梦,不信你就试试看。要是用javascript注意一下能力检测,在使用javascript任何一个方法的时候,先能力检测,看看浏览器是否支持这种方法,然后再坐,这是一种解决办法,这是我后来学会的,先前根本不知道,所以导致我悲剧了一个多星期。不过现在又出来许多html5的框架,比如说,jquery mobile,还有sencha touch,这些都是html5做手机网站的框架,虽然有些浏览器还是不能很好的支持,但是我相信不久的将来会好起来的。这个网站是用jquery mobile做的,mobile.dhc.com.cn有时间可以去看看。再就是一些有关手机网站的帖子:
http://wenku.baidu.com/view/46bbc46e1eb91a37f1115cf9.html
http://www.wufangbo.com/mobile-3g-mobile-development
http://www.wufangbo.com/tag/%E6%89%8B%E6%9C%BA%E7%BD%91%E7%AB%99%E8%87%AA%E9%80%82%E5%BA%94
http://www.qianduan.net/media-type-and-media-query.html
http://www.webjx.com/web/xindejiqiao-29207.html
http://www.wufangbo.com/touch-screen-mobile-phone-website-design
http://blog.sina.com.cn/s/blog_6158283f0100udnn.html
http://diybbs.zol.com.cn/2/287_14931.html
http://blog.sina.com.cn/s/blog_46e3e7db0100swxr.html
http://www.html5mobi.com/