博客园的手机版(非官方) 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 ，相关文章：/article/6998925.html

　　Jquery模板 : JsRender, 相关文章：/article/6998927.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开发的来交流哦