博客园的手机版(非官方) MVC+jQuery.Mobile
目录
前言
刚学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开发的来交流哦