html5與android開發視頻教程

1. 如何將html5程序打包成android應用

問題分析：

html5網站主要由html+css+js的形式組成，需要使用瀏覽器進行展現。

Android需要使用Java語言來開發，對於前端工程師來說，無疑是增加了很大的難度。

隨後出現了很多打包工具，來協助我們將網頁元素打包成手機app，將我們編寫的html轉化為Java語言。

解決方案：

推薦一款我們常用的打包工具：HBuilder。

該工具不僅提供了Android應用打包，還可以直接連接手機進行調試，配合HTML5+可以實現很多Android原生的功能。比如：掃碼二維碼，拍照，搖一搖等等。

具體操作步驟：

1、真機調試

②勾選Android復選框，如果使用Dcloud公用證書的話，可以直接進行打包，手機可以安裝使用。如果需要上傳發行到第三方應用平台的話，需要使用自有證書，自用證書可以使用JRE自帶的創建和管理數字證書的工具Keytool來生成自有證書，生成過程是免費的。

勾選Android選項後，在下方表單中填寫Android包名，為保證唯一性，可以使用自有網站域名的反寫方式加上應用名稱。如果使用自有證書的話，還需要填寫證書別名，密鑰密碼，證書文件。

填寫完畢後，點擊打包，即可生成apk文件。

其他注意事項：

1、在開發過程中，不需要進行打包，應更多的使用真機調試，可以節約很多時間。

2、開發完畢後，盡可能在各種版本的android機器上做一下測試，因為一些網頁的樣式在不同的android版本中呈現的效果略有不同。

3、重新編輯一下html5網站代碼，將一些網頁功能轉換為手機功能，比如網頁元素的<a>標簽跳轉，就應該使用Webview來完成。可以解決頁面切換白屏的問題，還可以提高網站在手機中的運行效率。

2. 如何開發同時支持ios和Android的應用html5

Html5是一種網頁開發語言，現在仍處於發展階段，但大部分瀏覽器已經支持某些
HTML5 技術為開發者提供了一個跨平台的移動apps開發方案，並且該方案具有很好的擴展性和靈活性。

如今國內使用html5開發app應用技術尚有欠缺，因為在手機開發app上，html5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。

JavaScript引擎的構建方法讓製作手機網頁游戲成為可能。
由於界面層很復雜，已預訂了一個UI工具包去使用。

純HTML5手機應用運行緩慢並錯漏百出，但優化後的效果會好轉。盡管不是很多人願意去做這樣的優化，但依然可以去嘗試。

HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原生應用的開發人員
可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重復編碼、調試和運行，這是
首先得解決的一個問題。

即使這樣，愛在臨港還是很看好html5 app開發，原因有一下幾點。

一：現在HTML5非常火的技術，主要方向在使用高端瀏覽器的高端移動設備，所以可以用作開發Android系統的App。

二：html5對android、ios系統都支持。

三：HTML5可以用作離線應用的開發，離線應用就是把需要的資源先緩存到本地，下次再查看時無需聯網。

四：html5開發app，能提供更快、更簡便的服務，代碼可高度重用，服務發布方便。

五：動畫、游戲方面，地理定位方面的app應用正在崛，而html5技術優勢正是這在些方面。

可以說，未來採用html5開發app的，將會大量減少代碼量，應用軟體也會得到更高的用戶
體驗。