移動WEB研發(fā)流程
接觸Mobile WEB前端開發(fā)將近一年時間了,在這不算短的時間里,通過吸取圓心、沉魚等前輩們的經(jīng)驗以及不斷的摸索和實戰(zhàn),總結出一套自己的Mobile WEB“研發(fā)流程”。為什么叫“研發(fā)”流程而不是“開發(fā)”流程,在下文中會進行解釋。首先我們來看一下“研發(fā)”的流程圖:
1. 為什么要叫“研發(fā)”流程?
我們知道,對于傳統(tǒng)的WEB前端開發(fā),一般情況下我們需要關注的操作系統(tǒng)/瀏覽器情況如下:
操作系統(tǒng):Windows/MacOS
瀏覽器:IE(6、7、8)/Firefox/Safari/Opera/Chrome
這些操作系統(tǒng)和瀏覽器的基本狀況如下:
市場占有率和使用分布情況相對穩(wěn)定
比較開放,廠商對開發(fā)人員的支持較好
不同操作系統(tǒng)下,瀏覽器渲染情況差別不大
經(jīng)過前端開發(fā)者們的長期研究和總結,它們的渲染特性、標準支持情況基本家喻戶曉
而在Mobile WEB前端開發(fā)領域,狀況則相當?shù)幕靵y,我們需要關注的東西則復雜多了:
操作系統(tǒng)(平臺):Symbian(S40/S60/S80/S90)/iPhoneOS/Android/WM(WinCE)/MTK/Linux/BB/PalmOS/Maemo(Meego)…
內(nèi)置瀏覽器:Symbian/Chrome Lite/iPhone Safari/MTK/IE Mobile/BB Browser/Opera(OEM)/…
第三方瀏覽器:Opera Mini/Opera Mobile/Skyfire/NetFront/UCWEB/QQ瀏覽器/Go瀏覽器/…
這些操作系統(tǒng)和瀏覽器的基本狀況則是:
市場占有率和使用分部情況不穩(wěn)定,新機型、新瀏覽器會很容易占領市場
大部分內(nèi)置瀏覽器不夠開放,操作系統(tǒng)和瀏覽器廠商對開發(fā)人員的支持很不到位
不同的操作系統(tǒng)、不同的瀏覽器下,相同系統(tǒng)下的不同瀏覽器,相同瀏覽器在不同的操作系統(tǒng)下,甚至同一個系統(tǒng)或瀏覽器的不同版本,都可能會導致頁面效果產(chǎn)生很大的差異(很繞口,其實就是排列組合)
由于兼容性方面的研究非常稀少(尤其在國內(nèi)),加上操作系統(tǒng)和瀏覽器的封閉和日新月異的變化,我們對它們特性的掌握程度也是基本空白
經(jīng)過比較,我們可以很快發(fā)現(xiàn),想要讓我們的Mobile WEB在更多的客戶端上表現(xiàn)完美,我們需要大量的時間和精力去了解、去掌握各個操作系統(tǒng)、平臺、移動瀏覽器的特性,只有對它們有了一定程度的了解和掌握,我們才能更深一層的駕馭Mobile WEB兼容性開發(fā)。
因此,“研發(fā)”包含了“操作系統(tǒng)、瀏覽器研究”和“Mobile WEB開發(fā)”兩個部分。
2. 循序漸進的周期性研究
如前所述,我們想要對移動設備的操作系統(tǒng)和瀏覽器們進行研究,需要花費大量的時間和精力。羅馬不是一天建成的,胖子也不是一口吃出來的。我們需要一個循序漸進的過程,一個長期性的研究,經(jīng)過不斷地積累點滴經(jīng)驗,才能夠逐步了解這些特性。另外,移動設備更新頻繁,新機型和新瀏覽器日新月異,我們也需要階段性地跟進最新發(fā)展情況。因此,這就是需要周期性研究的原因:
需要大量的時間和精力
移動設備更新頻繁
在Mobile WEB前端開發(fā)只有一個的情況下,建議每隔半年進行一次系統(tǒng)的研究,為兼容性開發(fā)打下基礎。在此后的半年內(nèi),Mobile WEB頁面的前端開發(fā)都將基于此次研究結果,一般不需要再對頁面進行兼容性測試。對于兼容性測試,之前很多文章中提到過,下面也會再次提到。
3. 關于兼容性測試
兼容性測試,是WEB開發(fā)和Mobile WEB開發(fā)都必不可少的步驟。但是在流程上,后者跟前者卻有著很大的區(qū)別。
WEB前端開發(fā)是在頁面開發(fā)后做瀏覽器兼容性測試
而Mobile WEB前端開發(fā)卻是在頁面開發(fā)之前做瀏覽器兼容性測試
移動瀏覽器不像桌面瀏覽器那么輕松地查看做好的頁面效果,試想,如果跟WEB前端開發(fā)流程一樣的話,每做完一張Mobile WEB頁面,就要搞一大堆測試機進行測試查看對比效果,發(fā)現(xiàn)問題修改然后再測試,這會是件很荒唐的事情!
因此,我們就需要用兼容性測試的結果來主導前端開發(fā):
測試XHTML的每一個常用元素
測試CSS的每一個常用屬性
測試JavaScript的基本特性支持
測試其它與移動設備相關的點
在測試結果整理出來后,我們可以通過它,知道什么元素、什么屬性可以使用,什么避免使用,并在開發(fā)時遵守這些使用約定。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設計風格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設計開發(fā)
-
后續(xù)跟蹤服務
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(wǎng)站建設
- 食品網(wǎng)站建設
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設
- 研究所網(wǎng)站建設
- 沈陽網(wǎng)站建設
- 廊坊網(wǎng)站建設
- 鄭州網(wǎng)站建設
- 婚紗攝影網(wǎng)站建設
- 手機端網(wǎng)站建設
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設
- 教育網(wǎng)站建設
- 品牌網(wǎng)站建設
- 政府網(wǎng)站建設
- 北京網(wǎng)站建設
- 網(wǎng)站設計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
科研網(wǎng)站制作優(yōu)化的基本思路和策略有哪些?
科研網(wǎng)站制作是企業(yè)的網(wǎng)絡信息展示窗口。seo優(yōu)化和推廣只是利用搜索引擎...
2022-01-12 -
北京手機移動端建站過程中提醒四點必須注重
移動網(wǎng)站和個人電腦網(wǎng)站的最大區(qū)別在于,在構建移動網(wǎng)站時,需要考慮移動設...
2020-06-26 -
建設網(wǎng)站的作用與意義
企業(yè)形象展示與提升互聯(lián)網(wǎng)作為唯一一種全天候24小時不間斷的媒體平臺是傳...
2015-01-13 -
網(wǎng)絡證券交易模式的選擇
現(xiàn)在世界上許多國家和地區(qū)都在積極發(fā)展網(wǎng)站建設、網(wǎng)絡證券交易、電子商務等...
2014-09-12 -
一個強大的網(wǎng)站需要有強大的管理程序
北京網(wǎng)站建設公司尚品中國:一個強大的網(wǎng)站需要有功能強大的網(wǎng)站管理程序來...
2012-08-17 -
為什么不要找個人建網(wǎng)站?
我記得2006年11月,我在網(wǎng)上找到一個網(wǎng)頁設計師,請他給我做了一個網(wǎng)...
2013-12-09
預約專業(yè)咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com