博客园的手机版(非官方) MVC+jQuery.Mobile

目录

     1.前言

     2.演示地址

     3.效果图

     4.相关技术

     5.实现功能

     6.需要完善和增加的功能

     7.流量测试

        7.1.PC+Chrome

        7.2.手机端

     8.完结

前言

  刚学jQuery.Mobile ,想练手,但是没什么数据,正好自己想在公交上看博客,但是太费流量,自己动手做一个手机版的博客园

利用网页抓取获取的信息,我不是博客园的人工作人员哦,所以这不是官方的版本,类似登录回复评论功能肯定是没有的,只供查询

只是自己的兴趣,虽然不是什么很高深的技术,呵呵,好吧,先来看看效果

演示地址

  本人买的学生专用空间,可能不是很稳定,反正也是自己用

  PC地址:http://www.5imvc.com/home/phone

  手机端:http://www.5imvc.com/phone

  用手机扫扫看博客

  

效果图

相关技术

  MVC 4 + jQuery.Mobile

  网页抓取:HtmlAgilityPack ,相关文章:http://www.cnblogs.com/linfei721/archive/2013/05/08/3066697.html

  Jquery模板 : JsRender, 相关文章:http://www.cnblogs.com/linfei721/archive/2013/05/25/3098897.html

实现功能

  1.首页的列表显示和分页

  2.分类和列表的显示和分页

  3.文章内容的显示

需要完善和增加的功能

  1.增加新闻抓取

  2.增加热点列表

  3.文章图片的缓存加载,现在文章是全部加载,有点费流量哦

  4.图片预览

  5.查看评论

流量测试

1.PC+Chrome 测试

  PC测试流量是 4.2M+733K

2.手机端,同样翻3页,随机点十几个文章

  手机端:1152.63 - 1147.14 = 5.49M

完结

呵呵,本人刚学jQuery.Mobile,对web和移动开发感兴趣,这个可能还有很多需要完善的地方,都是业余时间做点玩玩,需要搞本书看看,希望喜欢web开发的来交流哦

posted @ 2013-06-16 11:48  林飞  阅读(5776)  评论(48编辑  收藏