博客园的手机版(非官方) 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开发的来交流哦