H5edu教育HTML5嵌入到APP中方法：
成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),鄧州企業(yè)網(wǎng)站建設(shè),鄧州品牌網(wǎng)站建設(shè),網(wǎng)站定制,鄧州網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,鄧州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
1、android webview控件加載html5；
2、即webview基于webkit內(nèi)核支持html5；
3、進(jìn)行做自定義屏幕適應(yīng)調(diào)試和測(cè)試！
[img]①：PhoneGap
PhoneGap 恐怕是最老的一個(gè)框架了，相信很多人都已經(jīng)聽(tīng)說(shuō)過(guò)甚至使用過(guò)它，但是PhoneGap是基于開(kāi)源的cordova?商業(yè)版本。
②：Ionic
IONIC 是目前最有潛力的一款HTML5手機(jī)應(yīng)用開(kāi)發(fā)框架。通過(guò)SASS構(gòu)建應(yīng)用程序，它提供了很多UI組件來(lái)幫助開(kāi)發(fā)者開(kāi)發(fā)強(qiáng)大的應(yīng)用。它使用 JavaScript MVVM框架和 AngularJS來(lái)增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用它成為Web和移動(dòng)開(kāi)發(fā)者的共同選擇。
③：Mobile Angular UI
Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應(yīng)式移動(dòng)開(kāi)發(fā)HTML5框架。
Mobile Angular UI的關(guān)鍵字有：
Bootstrap 3
AngularJS
Bootstrap 3 Mobile組件，比如switches, overlays和sidebars，這些都是bootstrap中沒(méi)有的。
AngularJS modules， 比如 angular-route, angular-touch 和 angular-animate
響應(yīng)式媒體查詢是將bootstrap作為單獨(dú)的文件，你只需要包含你所需要的東西。Mobile Angular UIu并不包含任何jQuery依賴，你需要做的只是通過(guò)一些AngularJS指令創(chuàng)建友好的用戶體驗(yàn)。
④：Intel XDK
Intel XDK 是Inter開(kāi)發(fā)的一款跨平臺(tái)開(kāi)發(fā)工具，我們可以很容易的通過(guò)Intel XDK開(kāi)發(fā)應(yīng)用，你需要做的只是下載他們的應(yīng)用開(kāi)發(fā)工具 ，有Linux、Windows和Mac版，它還提供了很多個(gè)開(kāi)發(fā)框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.
⑤：Appcelerator Titanium
Appcelerator’s Titanium 不同于其它框架的是，它是一個(gè)開(kāi)源的框架。
Titanium是混合式移動(dòng)應(yīng)用開(kāi)發(fā)的一站式解決方案，你只需要下載 Titanium studio就可以解決所有的事情，Titanium SDK包含了很多手機(jī)平臺(tái)的APIs和后端云服務(wù)。
Titanium使用 Alloy，Alloy是一個(gè)快速開(kāi)發(fā)的手機(jī)應(yīng)用MVC框架， 模塊式開(kāi)發(fā)可以大大減小開(kāi)發(fā)時(shí)間，提高代碼復(fù)用。
⑥：Sencha Touch
Sencha Touch 同樣也是HTML5手機(jī)應(yīng)用跨平臺(tái)開(kāi)發(fā)框架，運(yùn)行iOS/Android/Blackberry。它已經(jīng)誕生很多年了，現(xiàn)在已經(jīng)成為很常用的混合式編程開(kāi)發(fā)框架。
Sencha Touch可以讓你的Web App看起來(lái)像Native App。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的 WEB標(biāo)準(zhǔn)，全面兼容Android和Apple iOS設(shè)備。
⑦：Kendo UI
Telerik’s Kendo UI 是一個(gè)強(qiáng)大的框架用于快速HTML5 UI開(kāi)發(fā)。基于最新的HTML5、CSS3和JavaScript標(biāo)準(zhǔn)。
Kendo UI包含了開(kāi)發(fā)現(xiàn)代JavaScript開(kāi)發(fā)所需要的所有一切，包括：強(qiáng)大的數(shù)據(jù)源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。
我推薦你去下載一個(gè)HBuilder，里面自帶mui開(kāi)發(fā)框架和demo示例。
只要你直接新建一個(gè)移動(dòng)APP項(xiàng)目，然后選擇mui模板，根據(jù)示例你可以自己開(kāi)發(fā)自己的APP；
mui里面的功能很接近安卓、蘋果的功能，滑動(dòng)、重力傳感、測(cè)速等功能mui功能已經(jīng)封裝好了，你只要調(diào)用就行了
不一樣，需增加自適應(yīng)標(biāo)簽來(lái)保持一樣。
代碼如下：
meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/
解釋：Viewport指用戶網(wǎng)頁(yè)的可視區(qū)域，content中的“width”指的是虛擬窗口寬度，上面代碼意為虛擬窗口/頁(yè)面寬度初始比例為1，最小比例為1，最大比例為1，用戶不可擴(kuò)展，頁(yè)面不可縮放。
擴(kuò)展資料：
HTML5的事件屬性和異常處理
事件屬性
HTML 5 元素可擁有事件屬性，這些屬性在瀏覽器中觸發(fā)行為，比如當(dāng)用戶單擊一個(gè)HTML 5元素時(shí)啟動(dòng)一段 JavaScript。下面列出的事件屬性，可以把它們插入 HTML 標(biāo)簽來(lái)定義事件行為。
HTML 5 中的新事件屬性：
onabort， onbeforeunload， oncontextmenu， ondrag， ondragend， ondragenter， ondragleave， ondragover， ondragstart， ondrop， onerror， onmessage， onmousewheel， onresize， onscroll， onunload。
手機(jī)建站，是指用WML(無(wú)線標(biāo)記語(yǔ)言)編寫的專門用于手機(jī)瀏覽的網(wǎng)站，通常以文字信息和簡(jiǎn)單的圖片信息為主。實(shí)際上隨著向手機(jī)智能化方向發(fā)展，安裝了操作系統(tǒng)和瀏覽器的手機(jī)的功能和電腦是很相似的（這種智能手機(jī)也就是“口袋個(gè)人電腦”PPC），使用這種手機(jī)可以通過(guò)GPRS上網(wǎng)可瀏覽幾乎所有的www網(wǎng)站，無(wú)論網(wǎng)站是不是專門的wap網(wǎng)站，而且還可以安裝專門為手機(jī)設(shè)計(jì)的程序，如手機(jī)炒股、手機(jī)QQ、手機(jī)MSN、手機(jī)網(wǎng)上銀行等。隨著手機(jī)用戶日益增多，那么手機(jī)網(wǎng)站已經(jīng)不僅僅局限于WAP，其表現(xiàn)形式基本已經(jīng)接近互聯(lián)網(wǎng)電腦站點(diǎn)，它的普及率也會(huì)越來(lái)越廣泛。它真正實(shí)現(xiàn)了，方便、安全、快速等作用以及效果。在未來(lái)五年內(nèi)，純粹的WAP站點(diǎn)將被淘汰。隨著移動(dòng)終端及移動(dòng)網(wǎng)絡(luò)環(huán)境（3G、WIFI等）的升級(jí)，使用手機(jī)查看網(wǎng)頁(yè)和上網(wǎng)的人也會(huì)越來(lái)越多，應(yīng)用也越來(lái)越廣泛。手機(jī)網(wǎng)站建設(shè)領(lǐng)域?qū)?huì)為企業(yè)公司帶來(lái)巨大的利益。
工具/原料
手機(jī)（android系統(tǒng)、ios系統(tǒng)）
網(wǎng)絡(luò)
方法/步驟
1
第一種方法html5手機(jī)網(wǎng)站模板
優(yōu)點(diǎn)：
1.界面可操作性高
2.自由度高
3.二次開(kāi)發(fā)比較方便，例如客戶要求功能比較的多
缺點(diǎn)：
1.app無(wú)法自動(dòng)創(chuàng)建
2
第二種方法無(wú)覓APP
優(yōu)點(diǎn)：
1.生成步驟簡(jiǎn)單，只需要驗(yàn)證網(wǎng)站，然后按步驟，選擇模板，即可生成APP
2.生成的APP運(yùn)行速度快
3.生成的APP可以在沒(méi)有越獄的ios設(shè)備使用
缺點(diǎn)：
1.選擇固定幾個(gè)模板，不能自定義個(gè)性界面
2.生成的APP應(yīng)用在pad上只能顯示手機(jī)版
3.沒(méi)有生成移動(dòng)站的功能
3
第三種方法百度siteapp
優(yōu)點(diǎn)：
1.在選擇各種模板的基礎(chǔ)下，還可以通過(guò)優(yōu)化工具優(yōu)化自己的顯示頁(yè)面,相當(dāng)于一個(gè)自定義功能。
2.除了生成APP，外還可以生成移動(dòng)站，更確切的說(shuō)是順便生成APP，移動(dòng)站才是siteAPP的主要功能。
3.生成的App可以適應(yīng)平板電腦。
4.廣告管理方便，可以直接在siteApp后臺(tái)添加代碼位ID
缺點(diǎn)：
1.生成的移動(dòng)站訪問(wèn)速度偏慢
2.APP使用時(shí)不是很流暢，點(diǎn)擊一下，要過(guò)2秒才反應(yīng)
3.生成的APP不能在非越獄的ios設(shè)備運(yùn)行
4.自定義功能使用起來(lái)不是得心應(yīng)手
4
第四種方法AppCan
優(yōu)點(diǎn)：
1.跨平臺(tái)移動(dòng)應(yīng)用引擎，基于標(biāo)準(zhǔn)接口插件擴(kuò)展的方式實(shí)現(xiàn)移動(dòng)程度上的開(kāi)放，2.內(nèi)置一些應(yīng)用的功能比較多
3.對(duì)實(shí)現(xiàn)跨平臺(tái)的容錯(cuò)能力
5
總體來(lái)說(shuō)，要是想簡(jiǎn)單的做一個(gè)包含電話、地圖、郵件等主要功能的手機(jī)網(wǎng)站APP的話，百度的優(yōu)勢(shì)還是比較明顯的，因?yàn)楸容^快捷，無(wú)覓APP主要優(yōu)勢(shì)在于ios這塊，html5模板自己套用呢，優(yōu)勢(shì)與劣勢(shì)都比較明顯，這就要看你的客戶需求了
END
注意事項(xiàng)
怎么用PC瀏覽器查看m.打頭的手機(jī)域名，答案是用百度瀏覽器，大部分瀏覽器還不支持此功能或是只有wap頁(yè)面
移動(dòng)搜索是未來(lái)的必然趨勢(shì)
我們口中常說(shuō)的開(kāi)發(fā)APP都是使用編程語(yǔ)言開(kāi)發(fā)的APP，有前后端，有代碼。是需要付出大量的時(shí)間和金錢的，還需要人工維護(hù)，市場(chǎng)上開(kāi)發(fā)一個(gè)APP的價(jià)格，根據(jù)功能不同，價(jià)格相差很大，有些模板開(kāi)發(fā)可能幾千塊就搞定了，有些源碼開(kāi)發(fā)十幾萬(wàn)。
而網(wǎng)站封裝打包的APP其實(shí)只是給網(wǎng)站套一個(gè)APP的殼子，它本質(zhì)還是網(wǎng)站，這個(gè)封裝出來(lái)的APP本身是沒(méi)有后臺(tái)的，只有網(wǎng)站后臺(tái)，它可以像普通APP一樣安裝在手機(jī)上，但打開(kāi)之后是網(wǎng)頁(yè)。
很多不想花精力開(kāi)發(fā)APP的企業(yè)通常會(huì)選擇使用網(wǎng)站封裝“快速開(kāi)發(fā)”一個(gè)APP，因?yàn)檫@樣非常簡(jiǎn)單，很多開(kāi)發(fā)者服務(wù)平臺(tái)在這方面都提供免費(fèi)服務(wù)的，自己操作一分鐘不到就搞定了。
登錄亥著開(kāi)發(fā)者中心，大家可以用自己的手機(jī)號(hào)注冊(cè)賬號(hào)。
點(diǎn)擊“封裝APP”
輸入自己的網(wǎng)址，選擇需要封裝的系統(tǒng)，可以自己做圖標(biāo)和啟動(dòng)圖，也可以選擇平臺(tái)現(xiàn)有的。
根據(jù)需求選擇功能插件，如果不需要可以不選。
這樣就封裝好了
重慶分公司
重慶分公司
