iOS前端交互篇-H5全嵌套

在ios中，用H5編寫(xiě)了可以打Tel 的頁(yè)面。 點(diǎn)擊“撥打”按鈕后可以進(jìn)行跳轉(zhuǎn)到打Tel 的頁(yè)面（跳轉(zhuǎn)這一塊應(yīng)該是和瀏覽器有關(guān)），跳轉(zhuǎn)之后撥打完Tel 能夠回到之前打Tel 的頁(yè)面。

創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)修武,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):028-86922220

所以，往往在實(shí)際項(xiàng)目-中，會(huì)嵌套很多H5頁(yè)面，一個(gè)H5頁(yè)面同時(shí)兼容安卓和IOS兩個(gè)系統(tǒng) ，這樣一來(lái)，大大減少了開(kāi)發(fā)成本，前端開(kāi)發(fā)頁(yè)面就必須和原生進(jìn)行交互。

實(shí)現(xiàn)ios怎么和h5界面實(shí)現(xiàn)交互比較常見(jiàn)的方法就是使用OC中自帶的UIWebView類(lèi)，來(lái)實(shí)現(xiàn)加載H5網(wǎng)頁(yè)界面。

WKWebView是蘋(píng)果在iOS 8之后推出的框架，關(guān)于它比webview的優(yōu)勢(shì)這里就不講了。

JS與IOS交互方式一：WKScriptMessageHandler WKWebView有一個(gè)內(nèi)容交互控制器，該對(duì)象提供了通過(guò)JS向WKWebView發(fā)送消息的途徑。需要設(shè)置MessageHandler，大家把這個(gè)功能簡(jiǎn)稱(chēng)為MessageHandler。

移動(dòng)端h5開(kāi)發(fā)分ios和android么

H5的性能很差，一般經(jīng)常改的地方可以用H5，比如論壇，咨詢(xún)之類(lèi)的，而且限制也是很大，很多效果是沒(méi)辦法做到的。GUI框架的WebView普遍是這樣的。如果一個(gè)APP全部由H5來(lái)做(不太可能，送審很可能被拒)，那么會(huì)顯得非常卡。

所以，往往在實(shí)際項(xiàng)目-中，會(huì)嵌套很多H5頁(yè)面，一個(gè)H5頁(yè)面同時(shí)兼容安卓和IOS兩個(gè)系統(tǒng) ，這樣一來(lái)，大大減少了開(kāi)發(fā)成本，前端開(kāi)發(fā)頁(yè)面就必須和原生進(jìn)行交互。

android手機(jī)系統(tǒng)和ios軟件開(kāi)發(fā)工具不同，平臺(tái)不同。軟件也不用，所以?xún)蓚€(gè)兩個(gè)平臺(tái)的軟件不能通用，但是好的軟件都會(huì)有兩個(gè)系統(tǒng)版本，如QQ 有ios版也就是iphoneQQ，和android版QQ。

App的開(kāi)發(fā)技術(shù)，目前流行的兩種方式，原生和Html5。原生分了安卓平臺(tái)和ios平臺(tái)（還有小眾的黑莓、死去的塞班就不說(shuō)了），H5就是Html5。目前爭(zhēng)論不休的問(wèn)題，在早先前爭(zhēng)論CS，BS架構(gòu)的軟件系統(tǒng)是一樣一樣的。

iOS和h5交互(WKWebView,UIWebView)

實(shí)現(xiàn)ios怎么和h5界面實(shí)現(xiàn)交互比較常見(jiàn)的方法就是使用OC中自帶的UIWebView類(lèi)，來(lái)實(shí)現(xiàn)加載H5網(wǎng)頁(yè)界面。

JS與IOS交互方式一：WKScriptMessageHandler WKWebView有一個(gè)內(nèi)容交互控制器，該對(duì)象提供了通過(guò)JS向WKWebView發(fā)送消息的途徑。需要設(shè)置MessageHandler，大家把這個(gè)功能簡(jiǎn)稱(chēng)為MessageHandler。

在ios中，用H5編寫(xiě)了可以打Tel 的頁(yè)面。 點(diǎn)擊“撥打”按鈕后可以進(jìn)行跳轉(zhuǎn)到打Tel 的頁(yè)面（跳轉(zhuǎn)這一塊應(yīng)該是和瀏覽器有關(guān)），跳轉(zhuǎn)之后撥打完Tel 能夠回到之前打Tel 的頁(yè)面。

(app會(huì)收到系統(tǒng)通知，并且嘗試去重新加載頁(yè)面)相反的，UIWebView是和app同一個(gè)進(jìn)程，UIWebView加載頁(yè)面占用的內(nèi)存被計(jì)算為app內(nèi)存占用的一部分，當(dāng)app超過(guò)了系統(tǒng)分配的內(nèi)存，則會(huì)被操作系統(tǒng)crash。

為什么H5會(huì)被用來(lái)籠統(tǒng)地指代這些技術(shù)呢？我猜一是因?yàn)樗?jiǎn)單，二是移動(dòng)端網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)又恰好需要這么一個(gè)概念。