博客園的手機版(非官方) 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開發的來交流哦