一、開發(fā)方面
創(chuàng)新互聯(lián)建站主要從事成都網站設計、做網站、成都外貿網站建設公司、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務本溪,十余年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18982081108
原生App
⊙ 每一種移動操作系統(tǒng)都需要獨立的開發(fā)項目【點擊查看APP開發(fā)的真正報價】
⊙ 每種平臺都需要獨立的開發(fā)語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等
⊙ 需要使用各自的軟件開發(fā)包,開發(fā)工具以及各自的控件
移動Web App
⊙ 因為運行在移動設備的瀏覽器上,所以只需要一個開發(fā)項目
⊙ 這種應用可以使用HTML5,CSS3以及JavaScript以及服務器端語言來完成(PHP,Ruby on Rails,Python)
⊙ 這里可沒有標準的SDK,基本任意選擇別忘了有一些跨平臺的開發(fā)工具,比如PhoneGap, Sencha Touch 2,APPcan以及Appcelerator Titanium等等。
二、能力方面
原生App
⊙ 能夠與移動硬件設備的底層功能,比如個人信息,攝像頭以及重力加速器等等
移動Web App
⊙ 只能使用有限的移動硬件設備功能。
三、獲取方法
原生App
⊙ 直接下載到設備
⊙ 以獨立的應用程序運行(并不需要瀏覽器)
⊙ 用戶必須手動去下載并安裝這些原生App
⊙ 有一些商店與賣場來幫助用戶尋找你的App,目前app市場不計其數(shù)
移動Web App
⊙ 從移動設備上的瀏覽器訪問
⊙ 不需要安裝額外的軟件
⊙ 軟件更新只需要服務器就夠了
⊙ 因為現(xiàn)在沒有什么商品或賣場提供這種App,所以如何搜索這些移動Web App相當不簡單。
四、版本控制
原生App
⊙ 用戶可以自由地選擇是否更新軟件版本,所以會出現(xiàn)不同用戶同時使用不同版本的情況
移動Web App
⊙ 所有的用戶都是用同樣的版本
五、優(yōu)勢
原生App
⊙ 比移動Web App運行快
⊙ 一些商店與賣場會幫助用戶尋找原生App
⊙ 官方賣場的應用審核流程會保證讓用戶得到高質量以及安全的App
⊙ 官方會發(fā)布很多開發(fā)工具或者人工支持來幫助你的開發(fā)
移動Web App
⊙ 跨平臺開發(fā)
⊙ 用戶不需要去賣場來下載安裝App
⊙ 任何時候都可以發(fā)布App,因為根本不需要官方賣場的審核
⊙ 如果你已經有了一個Web App,你可以使用 responsive web design來輔助改進
六、缺陷
原生App
⊙ 開發(fā)成本高,尤其是當需要多種移動設備來測試時
⊙ 因為是不同的開發(fā)語言,所以開發(fā),維護成本也高
⊙ 因為用戶使用的App版本不同,所以你維護起來很困難
⊙ 官方賣場審核流程復雜且慢,會嚴重影響你的發(fā)布進程
移動Web App
⊙ 無法使用很多移動硬件設備的獨特功能
⊙ 要同時支持多種移動設備的瀏覽器讓開發(fā)維護的成本也不低
⊙ 如果用戶使用更多的新型瀏覽器,那問題就更不好處理了
⊙ 對于用戶來說,這種App很難被用戶發(fā)現(xiàn)。
想要了解更多有關APP開發(fā)的相關信息,推薦咨詢豬八戒網。豬八戒網有千萬服務商為企業(yè)、公共機構和個人提供定制化的解決方案,將創(chuàng)意、智慧、技能轉化為商業(yè)價值和社會價值。2011年豬八戒網獲得IDG投資并被評選為中國2011年度“最佳商業(yè)模式十強”企業(yè);專業(yè)性值的信賴。
現(xiàn)在學html5開發(fā)手機應用前景好嗎
隨著移動互聯(lián)網的一路猛歌,web得到了更大的發(fā)展機遇。
而web行業(yè)把重大的希望都寄托于html5,雖然html5僅僅是一項基于web的技術標準。
移動互聯(lián)網迫使一些傳統(tǒng)的互聯(lián)網瀏覽器廠商不得不做改變,不管哪個移動端操作系統(tǒng),瀏覽器內核技術達到了前所未有的統(tǒng)一,大部分都使用
wbkit內核,移動的瀏覽器一開始就支持最新的html5(pc時代無法做的)。90%以上的手機支持html5,Html5提升了瀏覽器客戶端的開發(fā)
能力,這種提升是質的變化。使客戶端更加豐富。
移動領域讓html5發(fā)揮了價值,html5+css+js在pc端和移動端是高度一致的,也就是能很好的把pc端的瀏覽形態(tài)嫁接到移動端。
phonegap等工具可以很好的考慮操作系統(tǒng)的兼容問題,就能在多平臺開發(fā),一次開發(fā)全部搞定,這樣成本,時間大大降低(趨勢總是更偏愛效率)。對于剛
起步的小公司來說是非常有意義的。不過為了兼容還是需要犧牲一部分的性能,但是web應用和原生應用的差異會變得越來越模糊,隨著的本身的內存,cpu等
硬件越來越快,網速從2G到4G到wifi越來越快,這種性能上的劣勢會越來越不明顯。
Html5相對于html增加了多媒體,動畫游戲,離線應用,數(shù)據(jù)存儲,語義化定義,地理信息,支持websocket通訊等大大提高了html的功能。相信以后會有更加多元的功能加入。
喬布斯,扎克伯格都是力挺html5的,雖然在2012年因為html5體驗和性能問題,扎克伯格曾說“在html5上下賭注太多,在本地下注
太少?!蹦菚r讓很多html5支持者感到迷茫。但隨著移動端的蓬勃發(fā)展,硬件設備的不斷提升,上網速度的越來越快,html5技術的越來越成熟,越來越被
開發(fā)商,大眾所接受。他的態(tài)度也發(fā)生了改變。Facebook在W3C HTML5小組的顧問委員會代表Tobie Lanel,給所有Facebook
HTML5相關的開發(fā)者發(fā)送了一封題為“扎克伯格關于HTML5的言論的真正含義”
的群體郵件,代表Facebook官方解讀了Facebook對HTML5的態(tài)度,Tobie重新解讀了這可伯格現(xiàn)場的采訪錄音,扎克稱Facebook
過去幾年在HTML5上押注太多,因為時機并未成熟。但他同時又稱HTML5的未來從長期看令人興奮。
1、前景不用說很棒
2、個人覺得html5是上手比較容易,后期會相對難一點
3、答主現(xiàn)在都是自學的,買幾本好的書,看看視頻。學一樣東西最好能讓自己先愛上它,心得。
4、ios和安卓是大系統(tǒng),html5是其中一種開發(fā)系統(tǒng)的語言。
H5開發(fā)安卓界面需要注意以下三點:
(上)包括Android設備多分辨率的問題,Android中構建HTML5應用程序基礎
(中)包括Android與JS之間的互動,Android處理JS的警告對話框等,Android中的調試
(下)包括本地儲存在Android中的應用,地理位置的應用,離線應用的構建
進入正題
● Android設備多分辨率的問題
Android瀏覽器默認預覽模式瀏覽 會縮小頁面 WebView中則會以原始大小顯示
Android瀏覽器和WebView默認為mdpi。hdpi相當于mdpi的1.5倍 ldpi相當于0.75倍
三種解決方式:1 viewport屬性 2 CSS控制 3 JS控制
1 viewport屬性放在HTML的meta中
html代碼:
span style="font-size: x-small;" head
titleExmaple/title
meta name=”viewport” content=”width=device-width,user-scalable=no”/
/head/span
meta中viewport的屬性如下:
span style="font-size: x-small;" meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
"
/
/span
2 CSS控制設備密度
為每種密度創(chuàng)建獨立的樣式表(注意其中的webkit-device-pixel-ratio 3個數(shù)值對應3種分辨率)
html代碼:
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" /
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" /
3 JS控制
Android瀏覽器和WebView支持查詢當前設別密度的DOM特性
window.devicePixelRatio 同樣值有3個(0.75,1,1.5對應3種分辨率)
JS中查詢設備密度的方法
js代碼:
if (window.devicePixelRatio == 1.5) {
alert("This is a high-density screen");
} else if (window.devicePixelRation == 0.75) {
alert("This is a low-density screen");
}
Android中構建HTML5應用
使用WebView控件 與其他控件的使用方法相同 在layout中使用一個WebView標簽
WebView不包括導航欄,地址欄等完整瀏覽器功能,只用于顯示一個網頁。