資源描述：
《手機前端開發(fā)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、手機前端開發(fā)查看文章?淘寶手機前端開發(fā)工程師：手機網(wǎng)站開發(fā)必修課[2009總結(jié)版]2010-04-1611:41從09年初接手淘寶手機網(wǎng)站前端開發(fā)的工作至今，轉(zhuǎn)眼已是一年。一步步看著手機淘寶從最初的beta版本到今天的樣子，感慨良多。www.huaianguandanwang.com手機網(wǎng)站開發(fā)，有著許多不為人知的困難：一是可參考的資料太少，大部分手機網(wǎng)站都處于起步階段，很多的時候都是摸著石頭過河，而鑒于淘寶自身的特殊性，也使得我們在參考成功案例之余，要做更多的思考；二是兼容性工作異常艱辛，難度一點也不比web網(wǎng)站的兼容
2、性工作來的低（關(guān)于這點，請參見我之前的文章）；再者作為一個手機網(wǎng)站的前端開發(fā)，也往往容易被人忽視（包括我們自己），大家也許會覺得做好一個手機網(wǎng)站能有多難，了解一點XHTML、一點CSS，甚至不需要對JavaScript有什么研究，事實卻不是如此，正因為手機網(wǎng)站的開發(fā)受到設(shè)備的太多限制，前端們常常為了節(jié)約幾個字節(jié)而糾結(jié)萬分，寫出語義化良好的代碼也顯得更加重要，而多版本的開發(fā)需求也對于JavaScript的優(yōu)雅降級要求甚高，這樣才能使得網(wǎng)站有分版本需求的時候可以公用同一套XHTML代碼，最大程度的降低開發(fā)成本。對于手機網(wǎng)站來
3、說，相信現(xiàn)在僅僅只是個開始，隨著各種新機型的相繼面世，這塊領(lǐng)域必將成為兵家必爭的新高地。注意：由于手機網(wǎng)站發(fā)展迅速，請參閱者注意本篇文章的發(fā)布時間。www.51zhajinhua.com目錄1.手機用戶設(shè)備統(tǒng)計分析2.手機瀏覽器兼容性測試結(jié)果概要3.手機網(wǎng)站開發(fā)中你需要注意的問題4.推薦參考資料5.總結(jié)手機用戶設(shè)備統(tǒng)計分析擁有全面的用戶數(shù)據(jù)，無疑能幫助我們做出更符合用戶需求的產(chǎn)品。內(nèi)部數(shù)據(jù)能幫我們精確了解我們的目標(biāo)用戶群的特征；而外部數(shù)據(jù)能告訴我們大環(huán)境下的手機用戶狀況，并且能在內(nèi)部數(shù)據(jù)不夠充分的時候給予我們一些非常有用
4、的信息。從外部數(shù)據(jù)來看，09年10月到11月期間國內(nèi)瀏覽器品牌市場占有率前三甲為：·Nokia(78%)·Opera(OEM)?(10%)·iPhone(Safari)(3%)國內(nèi)的手機操作系統(tǒng)前三甲為：·NokiaSymbianOS(80%)·iPhoneOS(6%)·SonyEricsson(5%)當(dāng)然，作為中國的手機網(wǎng)站開發(fā)者，不能忽視強大的山寨機市場（或者應(yīng)該叫作做國貨精品手機市場？）。順便提一下，這類手機通常使用的是MTK操作系統(tǒng)。（以上數(shù)據(jù)均來自statcounter.com）手機瀏覽器兼容性測試結(jié)果概要注意
5、：以下所說的“大多數(shù)”是指在我們測試過的機型中，發(fā)生此類狀況的手機占比達50%及以上，“部分”為20%到50%；“少數(shù)”為20%及以下。而這個概率也僅僅只限于我們所測試過的機型，雖然我們采集的樣本盡量覆蓋各種特征的手機，但并不代表所有手機的情況。XHTML部分大多數(shù)手機不支持的：·表單元素的“disable”屬性部分手機不支持的：·“button”標(biāo)簽·“input[type=file]“標(biāo)簽·“iframe”標(biāo)簽。雖然只有部分手機不支持這幾個標(biāo)簽，但因為這些標(biāo)簽在頁面中往往具有非常重要的功能，所以屬于高危標(biāo)簽，要謹慎使
6、用。少數(shù)手機不支持的：·“select”標(biāo)簽：該標(biāo)簽如果被賦予比較復(fù)雜的CSS屬性，可能會導(dǎo)致顯示不正常，比如”vertical-align:middle”。CSS部分大部分手機不支持的：·“font-family”屬性：因為手機基本上只安裝了宋體這一種中文字體；·“font-family:bold;”：對中文字符無效，但一般對英文字符是有效的；·“font-style:italic;”：同上；·“font-size”屬性：比如12px的中文和14px的中文看起來一樣大，當(dāng)字符大小為18px的時候你也許能看出來一些區(qū)別；
7、·“white-space/word-wrap”屬性：無法設(shè)置強制換行，所以當(dāng)你網(wǎng)頁有很多中文的時候，需要特別關(guān)注不要讓過多連寫的英文字符撐開頁面；·“background-position”屬性：但背景圖片的其他屬性設(shè)定是支持的；·“position”屬性；·“overflow”屬性；·“display”屬性；·“min-height”和”min-weidth”屬性；部分手機不支持的：·“height”屬性：對”height”的支持不太好，奇怪的是在我們的測試當(dāng)中，僅僅只有很少部分手機不支持”width”屬性；·“pa
8、ding”屬性·“margin”屬性：更高比例的手機不支持”margin”的負值。少數(shù)手機不支持的：·少數(shù)手機對CSS完全不支持；JavaScript部分這部分測試相對不那么讓人抓狂，要么干脆不支持，如果支持的話，對基本的dom操作、事件等支持度都還不錯。但我們沒有測試過很復(fù)雜的腳本。在我們測試過的手機當(dāng)中，支持（包
