手機網站開發相關介紹

隨着無線網絡技術的發展，手機上網的速度愈來愈快，手機的功能也愈來愈強大。今天就像你們介紹下手機網中的開發。

手機上網的特色

手機屏幕通常在240 * 320以上的稱之爲大屏幕手機 
由於收的CPU頻率低，不能像電腦同樣快的瀏覽。作手機網站的時候像JS等要少用。
 
上網速度慢，聯通的3G網絡還能夠。
上網高，3G的網速快些，可是費用卻很高。
瀏覽器衆多，兼容性差。一不當心就顯示不出來。

製做原則

1.網站要要簡潔，功能少能不要的就刪了。

2.圖片要少用，儘可能用漢字，在高昂的網絡資費中，有的用戶會把圖片的顯示禁止了。以減免流量。

3.網站儘量的小點，頁面太長則不適用瀏覽，用戶體驗很差，太寬手機打開顯示不全，或者顯示不工整。
 

4.如今的手機大屏的，小屏的都要，因此在設計的時候都要考慮到。

5.因爲手機網站屏幕小的特色，用戶在瀏覽的時候要儘可能快的讓用戶查到本身須要的信息，由於手機屏幕的小用戶尋找起來比價吃力，長時間的尋找，會給你的網站被大大的減分的。

· 少數手機對CSS徹底不支持； 

JavaScript部分

這部分測試相對不那麼讓人抓狂，要麼乾脆不支持，若是支持的話，對基本的dom操做、事件等支持度都還不錯。但咱們沒有測試過很複雜的腳本。

在咱們測試過的手機當中，支持（包括不徹底支持）JavaScript的手機比例大約在一半左右，固然，對於咱們來講，最重要的不是這個比例，而是要如何作好JavaScript的優雅降級。

其餘

· 部分手機不支持png8和png24，因此儘可能使用jpg和gif的圖片 

· 另外對於平滑的漸變等精細的圖片細節，部分手機的色彩支持度並不能達到要求，因此慎用有平滑漸變的bar設計 

· 部分手機對於超大圖片，既不進行縮放，也不顯示橫下滾動條 

· 少數手機在打開超過20k的測試頁面時，會顯示內存不足 

開發中你須要注意的問題

· 手機網頁編碼須要遵循什麼規範？
遵循XHTML Mobile Profile規範，簡稱爲XHTML MP，也就是一般說的WAP2.0規範。 XHTMLMP 是爲不支持XHTML的所有特性且資源有限的客戶端所設計的。它以XHTML Basic爲基礎，加入了一些來自XHTML 1.0的元素和屬性。這些內容包括一些其餘元素和對內部樣式表的支持。和XHTML Basic相同，XHTML MP是嚴格的XHTML 1.0子集。 

· 網頁文檔推薦使用擴展名？
推薦命名爲xhtml，按WAP2.0的規範標準寫成html/htm等也是能夠的。但少數手機對html支持的很差。 

· 爲何現今大多數的網站一行字數上限爲14箇中文字符？
由 於手持設備的特殊性，其頁面中實際文字大小未必是咱們在CSS中設定的文字大小，尤爲是在第三方瀏覽器中。例如Nokia5310，其內置瀏覽器 頁面內文字大小與CSS設定相符，可是第三方瀏覽器OperaMini與UCWEB頁面內文字大小卻大於CSS設定。經測試，其文本大概在16px左右。 假如屏幕分辨率寬度爲240px，去除外邊距，那麼其一行顯示14個字之內，是比較保險（避免文本換行）的作法。