當前位置:首頁 » 安卓系統 » h5android開發

h5android開發

發布時間: 2022-08-15 23:41:29

A. 如何利用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不包括導航欄,地址欄等完整瀏覽器功能,只用於顯示一個網頁。

B. h5+php開發android

php是不能放到手機上運行的,php要放到伺服器上
可以用你的電腦建一個能運行php的伺服器,然後在電腦上用chrome調試
但是你要明白,php的文件是不能在安卓手機上運行,必須把php放到伺服器上,然後用webview組件通過url地址訪問這個php文件

C. 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不包括導航欄,地址欄等完整瀏覽器功能,只用於顯示一個網頁。

D. 移動端h5開發 分ios和android么

h5開發開發的應用是純html寫的,不需要分ios 還是android, 但是最終需要ios或者android來打包成不同平台的應用程序包, 通常不同的h5框架都有不同的打包方式或者打包平台.

E. 安卓+h5混合開發 現在怎麼樣

是趨勢~這種模式既有原生開發的性能,又融合H5開發效率高的優勢。採用這種開發的APICloud就發展的特別快~

F. 淘寶,京東這種商城的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。

G. android的H5混編開發用什麼框架好

可以使用qmik,這個框架是專門為移動而開發的, 它具有體積小(22k,遠遠把jquery mobile 給丟棄了), 模塊化開發,在框架本身就已經集成了模塊化開發功能(可以不需要再引入第三化的模塊化開發框架,如seajs,requirejs等) jquery語法,入門很簡單,應用場景也比較豐富 聽說作者在阿里任職

H. 現在是學H5開發app好還是先學android原生的好

App的開發技術,目前流行的兩種方式,原生和Html5。原生分了安卓平台和ios平台(還有小眾的黑莓、死去的塞班就不說了),H5就是Html5。
目前爭論不休的問題,在早先前爭論CS,BS架構的軟體系統是一樣一樣的。原先BS,CS對用戶而言的區別是需不需要安裝客戶端。BS是通過瀏覽器來訪問,用PC,平板,Win,Mac都能訪問,用戶不需要下載額外的客戶端,同時運維和升級提供很大的便利。CS則需要下載客戶端軟體,安裝,然後登錄使用,升級的話,要麼升級鏈接庫,要麼重新安裝升級包,比較不方便,優勢是很多演算法在本地運行,對伺服器要求不高。
CS、BS之爭是在PC端,那麼現在原生和H5之爭是在移動端。
那麼評判一個APP用什麼技術來開發呢?經過總結,可以有如下判斷依據:
1.如果APP中出現大段文字(如新聞、攻略等),且格式比較豐富(如加粗,字體多樣),那麼用H5會比較方便。原因是原生開發解析json對字元串格式處理不算很好。
2.如果講究APP反應速度(含頁面切換流暢性),則選用原生開發,因為H5其本質是網頁,換頁時,基本要載入整個頁面,就像是瀏覽器打開一個新頁面一樣,顯得較慢,而原生系統則只載入變化部分。
3.如果APP對有無網路、網路優劣敏感(譬如有離線操作,在線操作),那麼,基本選用原生開發,雖然H5可以做到,但是很復雜。
4.如果APP需要頻繁調用硬體(攝像頭、麥克風、未來的濕度檢測儀等等)那麼,基本選用原生開發,這樣支持硬體更多,更容易擴展,且調用速度更快,H5就望塵莫及了。
5.如果APP用戶常見頁面頻換,如(淘寶首頁各種不同活動),那麼用H5,維護起來更容易。
6.如果預算有限(H5開發一套可跨平台覆蓋安卓、ios,黑莓、塞班),不是很講究用戶體驗,不在乎載入速度,那非H5不可。
列舉那麼多,實際上有個采陰補陽的方法是H5+原生混合開發,對於固定格式、頁面速度要求高,的模塊(如PDB的即時通訊、寶典、我的項目)採用原生開發,對於新聞、大段文字、資訊類的(如信息廣場、發表、問吧等)用H5頁面來載入,將其嵌入到原生框架中那麼,可以達到比較良好的體驗。

I. 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開發工具,強大的代碼助手幫你快速完成開發,最全的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再頭痛。

J. 學習h5開發好還是學習 android開發好

我推薦h5,因為h5可以同時在android和ios和pc上使用,以後一定比android和ios用的都多
如果都還沒開始就學h5吧

熱點內容
編譯運行後保存exe文件 發布:2025-01-17 04:00:18 瀏覽:565
asm源碼編譯 發布:2025-01-17 03:54:24 瀏覽:287
如何配置svi介面的ip地址 發布:2025-01-17 03:48:09 瀏覽:44
微軟怎麼解壓縮文件 發布:2025-01-17 03:43:06 瀏覽:203
有沒有手機可以用的java編譯器 發布:2025-01-17 03:38:56 瀏覽:542
手把手教你學c語言版 發布:2025-01-17 03:38:52 瀏覽:781
最優化遺傳演算法 發布:2025-01-17 03:35:24 瀏覽:547
四代飛度家用需要加裝哪些配置 發布:2025-01-17 03:34:28 瀏覽:877
安卓手機貓和老鼠怎麼換號 發布:2025-01-17 03:23:58 瀏覽:470
安卓系統怎麼下蝙蝠 發布:2025-01-17 03:20:07 瀏覽:20