根據AdMob ,的調查顯示,iPhone的操作系統是占全球智能手機操作系統份額最高的手機操作系統,高達40%,而排名第二的安卓系統所占比例為26%。在蘋果發布Ipad的第一年,其世界各地的銷售量均突破100萬臺,最高達到400萬臺。無論你是喜歡還是反感,IOS和Safari現在已經成為移動互聯網開發的一個不容忽視的角色。如果你對IOS還不熟悉,那我勸你最好先靜下心來,好好學習和熟悉IOS網絡應用開發與IOS環境下移動網站優化所需要的要點和工具。幸好iPhone內置的Safari瀏覽器是一個優秀的瀏覽 器。像用于電腦的Safri、樣,iPhone內置的Safari也支持CS3和HTML5。Safari 瀏覽器也有一些非常獨特的光滑界面元素設計,這些設計在iPhone和iPad上有著不同的顯示效果。因為ios已經趨向成熟并擁有大量的用戶,所以該系統可利用的資源非常豐富。我們知道大家討論的焦點就是ios平臺上的原生應用程序。但是你仍然可以涌過使用HTML、JavaScript 和CSS來開發類似于系統原生程序的強大應用。本文將重點講解創建和優化網站的三個重要階段:設計理念、編寫代碼、功能測試。在開始討論上述三個重要步驟之前,讓我們先來看一看網絡應用程序與原生應用程序相比較所存在的一些優點和不足。
開發網絡應用程序的優點:
(1)不用經歷蘋果公司繁雜的審批程序,特別是現在那些復雜冗長的服務糾紛條款。
(2)用相同的程序代碼優化運用于像安卓系統和黑莓系統等其他主流操作平臺的網絡應用程序時更方便也更容易。
(3)不用另外學習0bjective-C。
(4)如果你開發的是收費應用程序,你不用和蘋果公司共享你的收入。
(5)你對用戶支付手段、費用分配和產品促銷有著完全的控制權,同時這也可能有負面影響,關鍵在于你如何對待。
開發網絡應用程序的缺點:
-
你的應用不會出現在App Store中。.
-
在設備上安裝該應用程序可能會有點麻煩。
-
不能擁有一些原生ios應用程序的功能,例如推送通知和GUI控件。
其實設計一個ios平臺上的網絡應用程序和設計原生ios應用的理念大同小異,首先你要具備必要的操作工具。無論你是準備用筆和紙來勾勒網站的框架,或是用電腦軟件來完成,你都要做好充足的準備。
-
迸發靈感
沒有多少人知道在蘋果網站有“網絡應用程序”這個鏈接,這-部分專門展示一些網站優化的案例。
-
圖紙
在設計網站和構思線框的時候,圖紙一直 是表達思想和理念的首選工具。因為它們能為設計構想的事物提供既定的空間和透視圖的效果。你必須全神費注才能順利完成用于iOS平臺的網絡應用程序。建議使用下述的其中- -種工具進行設計,然后建議用美觀的線框保留最簡明的設計。
-
數碼軟件
一旦你知道這些軟件是 如何使用的,我們就可以直接把設計搬到電腦桌面上, 利用這些軟件來完成??梢杂肙miGrafle來繪制線框,不過有時候直接用Photoshop也是可行的??傊@些數碼軟件對你繪制線框還是很有幫助的。
當你開始為ios系統上的Safari瀏覽器編寫代碼的時候,理解瀏覽器的運行原理是非常重要的。同樣,iPhone和iPad的瀏覽器在使用上還是存在著一些細微的差別,例如表單框的選取就不一樣。還有一點非常重要,因為Sa- fari支持CSS3和HTML5,所以你可以放心地使用現在的代碼而不用擔心跨瀏覽器兼容問題。
IOS系統確實對于Safari的優化下了很大的功夫,并且做得很好。我個人認為唯一不足的地方就是沒有做好窗口定向,還有就是缺乏輔助瀏覽器檢測功能。讀了下面的文章你就會對瀏覽器代碼編寫有-一個全面細致的了解。iPhone網絡應用程序的人機交互手冊https://developer.apple .com/library/safari/#documentation/InternetWeb/Con- ceptual/iPhoneWebAppHlG/Introduction/Introduction.html該文章全面地總結了Safari 瀏覽器是如何在ios系統上運行的。雖然文章里沒有具體的程序編碼案例,但是給讀者提供了許多很好的意見,所以還是值得去深入學習了解的。
https://developer.apple .com/library/safari/#documentation/InternetWeb/Con-ceptual/iPhoneWebAppHlG/Introduction/Introduction.html
這篇文章則詳細描寫了iPhone和iPad的細節差別。因為這篇文章里收錄了一些有對 iPad設計有重大參考價值的建議,所以也建議你花時間來讀-讀。
https://developer. apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html這篇文章詳細介紹了Safari 包含視窗、網絡收藏圖標、獨特的元標簽和事件處理在內的很多內容。同時文章中還提供了代碼示例。建議讀者能把這本書從頭到尾一字不漏地完整看-遍。
大衛●沃爾什在他的博客上列舉了很多正確定義iPhone和iPad瀏覽器的例子。這其中也包含了使用JavaScript和PHP。
ht://.tousronsto/otoolss and tps/ern-how-to-develo-forthe-iPhone/Nettuts的iPhone開發教程為如何根據iPhone的定義來改變樣式表提供了、個非常好的例子。
相比之下,檢測iPad的窗口定義要容易得多。下面是編譯代碼(不需要用JavaScript ): <link rel='stylesheet”media='all and (orientation :portrait)” href=”portrait.css" ><link rel='”stylesheet" media=" all and (orientat ion: landscape)” href=”landscape .css”>
雖然iPhone有-些已經發展成熟的移動網絡框架,但是jQTouch無疑是最好的。jQTouch所提供的功能能讓你的移動網絡應用做得像系統原生應用一模一樣。
開發一個適用于ios系統的網絡應用軟件或者網站最關鍵也最難搞定的部分就是功能測試。在手機上進行瀏覽器測試比在電腦上進行瀏覽器要更有難度, 但是只要你熟悉測試工具和測試流程,測試-般還是可以順利進行的。
-
實時顯示
如果你的應用程序還正在設計當中,或者正處于編碼的初始階段,那么實時顯示是一個非常有用的工具。它可以通過電腦連接你的手機并獲取手機里的顯示圖像,讓你對手機內的程序進展一目了然。由于有時候通過Photoshop來顯示手機里的圖像是很麻煩的,所以用實時顯示能有效協助你調整頁面文字的大小和一些顯示細節。
-
使用iPhone模擬器
那些能用的iPhone和iPad模擬器沒有一個是好的,用這些模擬器簡直就是在浪費時間。與其如此,還不如下載最新版本的SDK,或者在蘋果官方網站上下載同時支持iPhone和iPad的ios模擬器。通常設定SDK和本地測試環境要花上-段時間,不過和依靠并不準備的模擬器來測試,多花上幾分鐘等待環境建立好還是很值得的。本地測試有一個最大的好處,那就是不僅不知道鏈接網絡完成工作而且測試的速度也很快。如果你準備進行功能測試的話,更推薦你使用這種方法。