androidh5開發
① h5端是什麼設備
h5端的意思是第5代HTML,也指用H5語言製作的一切數字產品。
H5端是一系列製作網頁互動效果的技術集合，即H5就是移動端的web頁面。對於許多手遊玩家來說，H5可能是個十分陌生的名詞，其實H5就是HTML的高級版本。
H5游戲平台正以跨平台運營模式作為未來前進方向，將各個平台端游戲匯總整合集中，為玩家提供便捷的游戲通道，開創游戲平台運營新紀元，並努力成為綜合游戲平台領跑者。
H5其實就是HTML5，常說的H5測試，就是移動端web頁面，他跟安卓app與IOS app的區別：以往的app是使用的原生系統內核的，相當於直接在系統上操作，是傳統意義上的軟體，更加穩定。
H5的APP先得調用系統的瀏覽器內核，相當於是在網頁中進行操作，較原生APP穩定性稍差，似乎還沒有六百萬級用戶量的H5APP。
H5最大的優點是可以跨平台，開發容易，APP的話需要用Android語言和IOS語言各自寫，H5開發只要開發一套。
② 如何利用html5開發android界面
H5開發安卓界面需要注意以下三點：
（上）包括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>
<title>Exmaple</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控制設備密度
為每種密度創建獨立的樣式表（注意其中的webkit-device-pixel-ratio 3個數值對應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不包括導航欄，地址欄等完整瀏覽器功能，只用於顯示一個網頁。
③ android的H5混編開發用什麼框架好
可以使用qmik,這個框架是專門為移動而開發的, 它具有體積小(22k,遠遠把jquery mobile 給丟棄了), 模塊化開發,在框架本身就已經集成了模塊化開發功能(可以不需要再引入第三化的模塊化開發框架,如seajs,requirejs等) jquery語法,入門很簡單,應用場景也比較豐富 聽說作者在阿里任職
④ android開發用H5哪個框架比較好
一、Adobe Edge 目前還處於預覽階段的Adobe Edge是用HTML5、CSS、javaScript開發動態互動內容的設計工具。內容可以同時兼容移動設備和桌面電腦。Edge的一個重要功能是 Web工具包界面，方便確保頁面在不同瀏覽器中的架構一致性，此外Edge還將整合TypeKit這樣的字體服務。 動畫和圖形可以添 加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現互動功 能。符合可以服用並通過API和代碼片段控制。通過Edge設計的內容可以兼容iOS和Android設備，也可以運行在火狐、Chrome、 Safari和IE9等主流瀏覽器。 二、Adobe Dreamweaver CS6 Adobe Dreamweaver CS6作為一個Web設計軟體，提供了對HTML網站和移動程序的可視化編輯界面。其Fluid Grid排版系統整合CSS樣式表功能，提供自適應版面的跨平台兼容性。開發者可以完全實現Web設計的可視化操作，無需為代碼所困。 用戶不但還能在Live View中預覽，還提供多屏幕預覽功能。開發者可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。 三、Adobe ColdFusion 10 ColdFusion是用來開發企業Web程序的伺服器端技術，通過Websockets、互動表單、視頻和地理標簽等HTML5技術創建富媒體用戶體驗。 四、Sencha Architect 2 在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 JavaScript應用，並實時預覽。 五、Sencha Touch 2 Sencha Touch2是移動應用框架，也被看作是Sencha的HTML5平台。開發者可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平台的移動應用。 六、Dojo Foundation Maqetta 來自於IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設備開發HTML5應用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放組裝UI樣板 七、微軟Visual Studio 2010 ServicePack 1 雖然一開始並不支持HTML5，但微軟在2011年三月發布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。 八、JetBrains WebStorm 4.0 作為擁有HTML編輯器的JavaScript集成開發環境，WebStorm4.0提供了開發web應用的HTML5樣板。開發者可以在創建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發者還可以在chrome瀏覽器中實時預覽HTML文檔。 九、Google Web Toolkit 該開發工具用於開發瀏覽器應用，但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。 十、DCloud HBuilder HBuilder是當前最快的HTML開發工具，強大的代碼助手幫你快速完成開發，最全的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再頭痛。
⑤ android開發用H5哪個框架比較好
一、Adobe Edge 目前還處於預覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時兼容移動設備和桌面電腦。Edge的一個重要功能是 Web工具包界面，方便確保頁面在不同瀏覽器中的架構一致性，此外Edge還將整合TypeKit這樣的字體服務。 動畫和圖形可以添 加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現互動功 能。符合可以服用並通過API和代碼片段控制。通過Edge設計的內容可以兼容iOS和Android設備，也可以運行在火狐、Chrome、 Safari和IE9等主流瀏覽器。 二、Adobe Dreamweaver CS6 Adobe Dreamweaver CS6作為一個Web設計軟體，提供了對HTML網站和移動程序的可視化編輯界面。其Fluid Grid排版系統整合CSS樣式表功能，提供自適應版面的跨平台兼容性。開發者可以完全實現Web設計的可視化操作，無需為代碼所困。 用戶不但還能在Live View中預覽，還提供多屏幕預覽功能。開發者可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。 三、Adobe ColdFusion 10 ColdFusion是用來開發企業Web程序的伺服器端技術，通過Websockets、互動表單、視頻和地理標簽等HTML5技術創建富媒體用戶體驗。 四、Sencha Architect 2 在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 JavaScript應用，並實時預覽。 五、Sencha Touch 2 Sencha Touch2是移動應用框架，也被看作是Sencha的HTML5平台。開發者可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平台的移動應用。 六、Dojo Foundation Maqetta 來自於IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設備開發HTML5應用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放組裝UI樣板 七、微軟Visual Studio 2010 ServicePack 1 雖然一開始並不支持HTML5，但微軟在2011年三月發布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。 八、JetBrains WebStorm 4.0 作為擁有HTML編輯器的JavaScript集成開發環境，WebStorm4.0提供了開發web應用的HTML5樣板。開發者可以在創建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發者還可以在chrome瀏覽器中實時預覽HTML文檔。 九、Google Web Toolkit 該開發工具用於開發瀏覽器應用，但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。 十、DCloud HBuilder HBuilder是當前最快的HTML開發工具，強大的代碼助手幫你快速完成開發，最全的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再頭痛。
⑥ android為什麼要用h5做界面
H5開發安卓界面需要注意以下三點：
（上）包括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>
<title>Exmaple</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控制設備密度
為每種密度創建獨立的樣式表（注意其中的webkit-device-pixel-ratio 3個數值對應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不包括導航欄，地址欄等完整瀏覽器功能，只用於顯示一個網頁。
⑦ 淘寶，京東這種商城的APP都是用Android+h5語言來開發的嗎
一般比較大的平台都會採用Android原生+h5混合開發，這樣能取各方面的優點；
原生開發可以訪問設備中的所有功能，運行速度更快，性能更高，而且可以啟用優秀的離線處理和存儲能力等等，提供最佳的用戶體驗，最優質的用戶界面，最華麗的交互。
原生開發的缺點在逐漸的開發、運營過程中顯現出來。開發成本高，不同平台需要定製不同的app，也就是android定製apk，ios定製app，開發人員需要多平台多語言，人力成本、時間成本較多，通用性差；
H5開發是Html5開發的app，本質上運行在手機瀏覽器中的頁面，一般使用app做一個殼套用瀏覽器運行H5的頁面，由於H5的特性也有很多app使用半原生半H5的hybird app 開發模
H5有許多優點，特別針對原生開發的缺點。如：
直接在網頁上調試和修改，幾乎不用考慮用戶機型和適配的問題，針對原生開發的平台碎片化、開發人力成本、時間成本高；版本升級優勢，網頁的升級與用戶無關，用戶無需下載更新安裝，保證實時送達到用戶手中；上線時間穩定、快速，不需要通過開發市場的審核，有收入分成的開發市場更是可以繞過收入分成。除此以外在視頻媒體方面H5表現也十分優秀的。
H5的缺點有許多，當新技術出現時候許許多多的人都在吹噓它的優點，到真正實用時才對它的缺點正視。H5載入大圖片的時候性能會下降，大量用戶訪問同一個H5應用時性能會下降，響應速度比不上原生app，上網速度也不及原生app，H5不能自動處理動畫上反復交互（網頁游戲），需要藉助css3、javascript。
⑧ androd H5混合開發 當無網路下，android怎麼載入H5界面
H5開發安卓界面需要注意以下三點：（上）包括Android設備多解析度的問題，Android中構建HTML5應用程序基礎（中）包括Android與JS之間的互動，Android處理JS的警告對話框等，Android中的調試（下）包括本地儲存在Android中的應用，地理位置的應用，離線應用的構建進入正題●Android設備多解析度的問題Android瀏覽器默認預覽模式瀏覽會縮小頁面WebView中則會以原始大小顯示Android瀏覽器和WebView默認為mdpi。hdpi相當於mdpi的1.5倍ldpi相當於0.75倍三種解決方式：1viewport屬性2CSS控制3JS控制1viewport屬性放在HTML的中html代碼：Exmaplemeta中viewport的屬性如下：2CSS控制設備密度為每種密度創建獨立的樣式表（注意其中的webkit-device-pixel-ratio3個數值對應3種解析度）html代碼：3JS控制Android瀏覽器和WebView支持查詢當前設別密度的DOM特性window.devicePixelRatio同樣值有3個（0.75,1,1.5對應3種解析度）JS中查詢設備密度的方法js代碼：if(window.devicePixelRatio==1.5){alert("Thisisahigh-densityscreen");}elseif(window.devicePixelRation==0.75){alert("Thisisalow-densityscreen");}Android中構建HTML5應用使用WebView控制項與其他控制項的使用方法相同在layout中使用一個標簽WebView不包括導航欄，地址欄等完整瀏覽器功能，只用於顯示一個網頁。
⑨ 移動端h5開發 分ios和android么
h5開發開發的應用是純html寫的,不需要分ios 還是android, 但是最終需要ios或者android來打包成不同平台的應用程序包, 通常不同的h5框架都有不同的打包方式或者打包平台.
⑩ app開發方式比較
app開發方式比較如下：
1、原生開發是在安卓ios等移動平台上利用官方提供的開發語言、開發工具進行APP開發，由於利用的是官方提供的語言和工具，並且能夠直接操控硬體設備，在應用性能上和交互體驗上是最好的，但是遠而生應用的可移植性比較差，特別是一款原生APP，安卓和ios都各自開發同樣的邏輯界面，要寫兩套。
2、網頁版APP開發是利用web技術進行的APP開發，我們知道web技術本身需要瀏覽器的支持才能進行展示和用戶交互。H5開發的好處是可以跨平台編寫代碼，同時在androidiosWindows上運行。由於web技術本身的限制，H5移動應用不能直接訪問硬體設備和離線儲存，所以在用戶體驗和性能上啊有很大的局限性。
3、混合式開發是結合原生和H5開發的技術，取長補短一種的開發模式。原生代碼部分，是利用插件或者其他的框架為H5提供一個容器程序啊，主要是在業務實現界面展示是利用H5相關的web技術上進行實現的，比如現在的京東、淘寶，今日頭條等都是利用混合式開發的模式。
開發流程
首先，製作一款APP，必須要有相關的idea，也就是說，第一步是APP的idea形成。其次，就是通過那些idea來進行APP的主要功能設計以及大概界面構思和設計。接著是大功能模塊代碼編寫以及大概的界面模塊編寫。在界面模塊編寫之前，開發者可以在模擬器做大的功能開發。
然後把大概的界面和功能連接後，app的大致demo就出來了。值得一提的是，如果有界面設計師，就能節省大量時間。比如界面設計上，可以編寫功能模塊和設計師同步進行。這樣app的demo出來後，基本上可以有界面可以用了。