作為一個包含了視頻播放、微博互動等功能的手機站點,本項目中的所有的頁面和功能,除了需要同時兼顧ios和android平臺外,還需兼容不同的手機網頁瀏覽器。并且本站點需要嵌入新浪微博,通過接口實現微博互動的相關功能。
此外,本項目還需面對一個大的挑戰,如何在高訪問、高負載環境下,確保用戶的良好、順暢瀏覽體驗。
基于本項目的特點,我們采用HTML5+CSS3來編寫頁面代碼。頁面中的icon、特殊效果,以及視頻調用及播放的功能都采用HTML5代碼實現。這樣處理后,控制頁面整體大小,并且在不同系統和瀏覽器上都有良好表現。 為了實現手機的順暢,我方對頁面文件的KB數做了嚴格限制。同時我們增加了測試的人員,不斷優化HTML5代碼使手機網站能夠適合各類主流瀏覽器。
我們根據客戶的需求,采用HTML5技術在較短的時間內完成了實施及部署。項目在上線后運行穩定,達成了客戶期望。