建站
咨詢
售后
建站咨詢
新聞中心
移動設備是一種全新的媒介。桌面系統(tǒng)中總結出來的最佳實踐在移動系統(tǒng)中完全不適用。移動設備、移動生態(tài)系統(tǒng)和移動用戶具有獨特的特性，要求采用不同于以往的最佳實踐進行移動Web開發(fā)。
新榮網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站設計等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)自2013年起到現(xiàn)在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)。
本文將講述移動Web的語法、語義和生態(tài)系統(tǒng)。您將學習如何構建適應性強、響應迅速并且符合標準的移動Web站點，并確保其可以在任意移動瀏覽器上運行。一些簡單的開發(fā)提示和技巧將改進小尺寸屏幕中的Web可用性。您可以進一步充實移動Web站點，使其適用于高級智能手機瀏覽器(具有電子郵件、桌面功能的Web瀏覽等集成Internet功能的高端手機中的瀏覽器)，能夠呈現(xiàn)完整的HTML并實現(xiàn)專有擴展。開發(fā)工作完成后，您將了解如何在實際移動設備上進行全方位的測試，優(yōu)化移動Web頁面以便于網(wǎng)絡傳輸，以及通過避免代碼轉換保留更多適用于移動生態(tài)系統(tǒng)的程序。
移動Web好比是西部荒野。一些重量級人物控制著整個生態(tài)系統(tǒng)，戰(zhàn)爭隨處可見。意志堅定的人可以在遙遠的地方占有財產、構建家園、建立社區(qū)以及與世隔絕的繁華村落。但是，要想生存下來，最好的方式還是全副武裝。而對于移動開發(fā)人員來說，在這片荒野中生存最有效的武器就是：
◆ 對移動標準和最佳實踐具有專業(yè)而深入的了解
◆ 批判性思維技能和正確對待懷疑
◆ 千方百計找出正確的語法
◆ 正確評價移動用戶的需求
基于標準的移動Web開發(fā)方法確保在各種移動瀏覽器和平臺之間的兼容性和可用性。要想在移動Web開發(fā)領域取得成功，必須了解所有規(guī)則，同時還要了解什么時候可以忽略規(guī)則。
1.1 移動Web和桌面Web
從根本上說，只有一種Web。Web內容是可以使用各種Web瀏覽器查看的標準化標記、樣式、腳本和多媒體。在本書中，按照慣例將這種Web稱為桌面Web。我們可以在臺式計算機、筆記本電腦、上網(wǎng)本上通過Firefox、Opera或Internet Explorer等瀏覽器訪問桌面Web，進行網(wǎng)上沖浪。
桌面Web由通過TCP/IP計算機網(wǎng)絡鏈接在一起的大量服務器構成。這種服務器稱為Web服務器，很多Web服務器實現(xiàn)超文本傳輸協(xié)議(HTTP)共享文檔和文件。Web服務器通過統(tǒng)一資源標識符(Uniform Resource Identifier，URI)提供對文本文件、標記文檔和二進制資源的訪問。
在HTTP請求中，客戶端向Web服務器發(fā)送所需資源的URI以及一組請求頭，其中一個請求頭包含MIME類型列表，該列表公布客戶端支持的內容類型。
在HTTP響應中，Web服務器除了向客戶端發(fā)送請求的文檔(標記、文本或二進制文件)外，還會附帶另外一組頭，其中一個頭包含MIME類型，描述傳輸?shù)娇蛻舳说奈臋n的文件類型。
移動Web在桌面Web的基礎上添加了新的MIME類型、標記語言、文檔格式和最佳實踐，為小尺寸屏幕提供優(yōu)化的Web內容，并可解決移動設備上的資源限制、Web瀏覽器可用性差等問題。
移動Web在Web生態(tài)系統(tǒng)中引入了一些新的組件，包括：
◆ 針對移動設備進行了優(yōu)化的標記語言和樣式
◆ 可區(qū)分移動標記和桌面HTML的MIME類型
◆ 具有大量功能的瀏覽器客戶端
◆ 使內容更適合上述客戶端的網(wǎng)絡代理
如果將移動Web比作西部荒野，桌面Web就可稱得上是世外桃源。桌面Web是一種較好理解的安全開發(fā)環(huán)境，采用根據(jù)已制定的標準建立的客戶端技術。截止到本書編寫時，桌面Web已經走過將近20年的風雨歷程了。桌面瀏覽器客戶端是公開的、免費的、可輕易獲得并且經常更新。目前人們使用的主流Web瀏覽器是由少數(shù)軟件供應商和開放源代碼項目生產的，這樣就降低了跨平臺Web開發(fā)中的測試難度。在桌面生態(tài)系統(tǒng)中，如果一個Web頁面到達目標瀏覽器，則其標記在傳輸途中幾乎一直存在，Internet中的中介服務器不會更改這些標記。網(wǎng)絡所有者和Internet服務提供商(Internet Service Provider，ISP)對于通過自動標記適配和內容重新打包優(yōu)化和改善網(wǎng)絡體驗沒有任何興趣(請參閱表1-1，了解定義移動Web和桌面Web的特征列表)。
表1-1 移動Web和桌面Web的特征
| 移 動 Web | 桌 面 Web | |
| 平均會話長度 | 2~3分鐘 | 10 ~15分鐘 |
| 最小屏幕尺寸 | 90×60 | 800×600 |
| 最大屏幕尺寸 | 對于常用的設備為240×400 | 無限制 |
| 瀏覽器供應商 | 超過12家并且還在不斷增長 | 只有兩家，市場份額超過5% |
| 瀏覽器故障 | 經常出現(xiàn)故障。除使用可更新操作系統(tǒng)的智能手機外，其他設備都無法修補 | 很少出現(xiàn)故障并且可以修補 |
| W3C 標準 | 不規(guī)范。在移動行業(yè)中，有時會忽略甚至違背這些標準 | 接受并充分應用 |
| 標記語言 | WML CHTML XHTML Basic XHTML-MP XHTML HTML | XHTML、HTML |
| JavaScript和AJAX | 90%的移動設備都不支持。采用ECMAScript-MP和JavaScript。文檔對象模型(Document Object Model，DOM)和支持的事件不同。一般都采用專有的API | 通常情況下支持 |
| 可尋址的客戶 | 全球30億移動訂閱者 | 總計10億臺筆記本電腦、臺式計算機和服務器 |
桌面Web過濾軟件可以阻止查看讓人討厭的網(wǎng)頁，但是，Web過濾器的工作方式是阻止頁面訪問，而不是調整頁面語法。
移動Web開發(fā)是一門全新的學科，這樣說的原因如下：
◆ 移動Web生態(tài)系統(tǒng)是全新的。移動Web使用桌面Web的既有知識，但它也有一些從移動設備獨有的特性衍生出來的新的最佳實踐和疑難問題。桌面隱喻并不適用。帶寬占用量是一個比較關鍵的問題，即使對智能手機也是如此。使用JavaScript架構以及異步JavaScript和XML (AJAX)等Rich Web 2.0功能時務必要謹慎，否則有電池電量耗盡的風險。運營商經常會控制和阻止移動Web站點的流量。在移動標記傳輸?shù)揭苿訛g覽器的途中，代碼轉換代理經常會嘗試重置移動標記的格式。最后，必須編寫一些保護性的程序，降低代碼轉換器暴露以及出現(xiàn)移動網(wǎng)絡問題的概率。
◆ 移動Web用戶是全新的。移動Web用戶采用獨特的使用模式和導航方法。移動用戶具有強烈的目標導向性和位置感知能力。在影響移動用戶的移動Web瀏覽體驗的主要因素中，即包括在服務區(qū)內外漫游時的網(wǎng)絡訪問問題。實際上，對成本敏感的移動用戶寧可取消網(wǎng)絡交易，也不愿冒因錯誤操作而支付費用的風險。
◆ 移動Web瀏覽器是全新的。移動瀏覽器具有其他瀏覽器所不具備的優(yōu)勢，同時也有一些與眾不同的問題及相應的解決方法。Web標準實現(xiàn)不徹底是經常出現(xiàn)的問題。Web頁面格式錯誤會對移動設備產生嚴重的影響，包括瀏覽器崩潰或設備重置。用戶非常需要JavaScript和AJAX等高級Web功能，但這些功能會影響電池的使用壽命。市場上有數(shù)十家移動瀏覽器供應商，確保Web標準遵從性的重擔就落在了原始設備制造商(Original Equipment Manufacturer，OEM)和運營商肩上。
#p#
1.2 移動標記語言
目前，各種移動設備采用的移動瀏覽器一般是基于一定的標準，但又不一定遵從標準，這樣，用戶可以查看多種移動標記語言的Web內容，這些語言包括：
◆ XHTML和HTML
◆ XHTML移動配置文件(XHTML-MP)
◆ CHTML (iMode)
◆ 無線標記語言(WML)
1.2.1 HTML和XHTML
HTML是移動標記語言的旗艦產品。作為標準Web標記語言，HTML被Web開發(fā)人員和設計人員廣泛使用。很多移動瀏覽器都支持完整的HTML標記集，但是這些瀏覽器可能無法滿足直接查看桌面HTML網(wǎng)站的用戶體驗。對于移動設備來說，屏幕分辨率、存儲容量和帶寬都存在限制，有必要開發(fā)出更加優(yōu)化的標記和樣式。當然，移動用戶還希望針對他們的移動特性開發(fā)出一些專用的服務。
XHTML在嚴格遵循XML語法的基礎上，結合運用HTML標記集。對于移動瀏覽器來說，處理和呈現(xiàn)XML格式的標記要比處理松散的HTML語法規(guī)則容易得多。對于支持HTML的移動瀏覽器來說，XHTML是最佳標記。
Android、iPhone、Nokia Series 60、Windows Mobile和BlackBerry設備中的智能移動瀏覽器都支持XHTML、HTML、JavaScript和AJAX。此功能集以及可選擇添加的大量客戶端緩存和CSS擴展功能構成了交互式移動Web應用程序的基礎。本書介紹如何針對智能手機瀏覽器構建高級的Web應用程序。
注意：
僅針對智能手機開發(fā)的移動Web站點可以使用HTML 4的完整功能集，并且在不久的將來，還可以使用HTML 5的完整功能集。但是，在移動Web站點上使用HTML和XHTML需要支付一定的費用。使用HTML和XHTML后，無法與使用舊版瀏覽器的高容量功能手機(市場上大量銷售的低成本、功能很少的手機)兼容(盡管智能手機做了大肆的宣傳，但還是有大量的功能手機用戶在移動Web上沖浪)。使用桌面標記還需要引入代碼轉換器，也就是通過重置標記格式優(yōu)化桌面Web使之適用于移動設備的網(wǎng)絡應用程序。代碼轉換器可以使系統(tǒng)認為標記是用于桌面瀏覽器的，同時機器會對標記進行重新調整，使其適合移動瀏覽器。本書教您應對以下兩種情況：如何最大程度地使HTML與移動瀏覽器兼容；如何避免對針對移動設備進行了優(yōu)化的HTML進行雙重代碼轉換。
1.2.2 XHTML移動配置文件
XHTML移動配置文件(XHTML-MP)由開放移動聯(lián)盟(http://openmobilealliance.org)指定和維護，實際上，它就是移動Web的標準標記。移動配置文件，顧名思義，這種標記語言是XHTML的一個子集，專用于移動計算設備，包括手機：
◆ XHTML-MP 1.0設定了移動標記語言的基本標記。
◆ XHTML-MP 1.1添加了