iOS H5交互淺談

每種語言都由其優(yōu)劣刻伊,出于開發(fā)周期绘趋,性能等多方面考慮橄务,混編已經(jīng)成為開發(fā)中的一種大趨勢幔托。
第一種:比較常見的就是使用OC中自帶的UIWebView類穴亏,來實現(xiàn)加載H5網(wǎng)頁界面蜂挪。
第二種:WebViewJavascriptBridge開源庫使用重挑,然后注入相應的JS。
第三種:reactiveNative棠涮,是facebook2015年開放的一個開源框架谬哀。
第四種:iOS7之后出了JavaScriptCore.framework用于與JS交互,但是不支持iOS6严肪,暫時先將demo鏈接放到這里 JavaScriptCoreDemo戳這里下載
一.iOS native與H5交互
創(chuàng)建webView史煎,遵循代理并實現(xiàn)其方法:
1.--webViewDidStartLoad
在該方法中可以讓“小菊花”即UIActivityIndicatorView開轉(zhuǎn)
2.--webViewDidFinishLoad
小菊花停止轉(zhuǎn)動,并從界面中移除
3.--webViewDidFailLoadWithError
做相關(guān)操作驳糯,打印錯誤原因篇梭,重載等
效果如下:

效果圖.gif

核心代碼很簡單,本次測試使用的是百度酝枢,且所有設置都寫在了懶加載里面恬偷。

-(UIWebView *)webView {
    if (!_webView) {
        _webView = [[UIWebView alloc]initWithFrame:[UIScreen mainScreen].bounds];
        _webView.delegate = self;
        //適應屏幕
        _webView.scalesPageToFit = YES;
        //解決iOS9.2以上黑邊問題
        _webView.opaque = NO;
        [_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"https://www.baidu.com"]]];
        NSLog(@"test");
        //關(guān)閉多點觸控
        _webView.multipleTouchEnabled = YES;
        //加載網(wǎng)頁中的電話號碼,單擊可以撥打
        _webView.dataDetectorTypes = YES;
    }
    return _webView;
}

第四種交互方式不作考慮帘睦,剩下的兩種交互方式正在研究袍患,后續(xù)更新。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末竣付,一起剝皮案震驚了整個濱河市诡延,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌古胆,老刑警劉巖肆良,帶你破解...
    沈念sama閱讀 212,332評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異逸绎,居然都是意外死亡妖滔,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,508評論 3 385
  • 文/潘曉璐 我一進店門桶良,熙熙樓的掌柜王于貴愁眉苦臉地迎上來座舍,“玉大人,你說我怎么就攤上這事陨帆∏” “怎么了?”我有些...
    開封第一講書人閱讀 157,812評論 0 348
  • 文/不壞的土叔 我叫張陵疲牵,是天一觀的道長承二。 經(jīng)常有香客問我,道長纲爸,這世上最難降的妖魔是什么亥鸠? 我笑而不...
    開封第一講書人閱讀 56,607評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上负蚊,老公的妹妹穿的比我還像新娘神妹。我一直安慰自己,他們只是感情好家妆,可當我...
    茶點故事閱讀 65,728評論 6 386
  • 文/花漫 我一把揭開白布鸵荠。 她就那樣靜靜地躺著,像睡著了一般伤极。 火紅的嫁衣襯著肌膚如雪蛹找。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,919評論 1 290
  • 那天哨坪,我揣著相機與錄音庸疾,去河邊找鬼。 笑死当编,一個胖子當著我的面吹牛彼硫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播凌箕,決...
    沈念sama閱讀 39,071評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼拧篮,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了牵舱?” 一聲冷哼從身側(cè)響起串绩,我...
    開封第一講書人閱讀 37,802評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎芜壁,沒想到半個月后礁凡,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,256評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡慧妄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,576評論 2 327
  • 正文 我和宋清朗相戀三年顷牌,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片塞淹。...
    茶點故事閱讀 38,712評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡窟蓝,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出饱普,到底是詐尸還是另有隱情运挫,我是刑警寧澤,帶...
    沈念sama閱讀 34,389評論 4 332
  • 正文 年R本政府宣布套耕,位于F島的核電站谁帕,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏冯袍。R本人自食惡果不足惜匈挖,卻給世界環(huán)境...
    茶點故事閱讀 40,032評論 3 316
  • 文/蒙蒙 一碾牌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧儡循,春花似錦舶吗、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽资盅。三九已至调榄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間呵扛,已是汗流浹背每庆。 一陣腳步聲響...
    開封第一講書人閱讀 32,026評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留今穿,地道東北人缤灵。 一個月前我還...
    沈念sama閱讀 46,473評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像蓝晒,于是被迫代替她去往敵國和親腮出。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,606評論 2 350

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,837評論 25 707
  • 每種語言都由其優(yōu)劣芝薇,出于開發(fā)周期胚嘲,性能等多方面考慮,混編已經(jīng)成為開發(fā)中的一種大趨勢洛二。第一種:比較常見的就是使用OC...
    橫爬介士閱讀 3,874評論 4 8
  • 最近在做的項目重點就是原生app與js的交互馋劈,以前也做過但是并沒有深入的了解和研究過,因為這個項目我嘗試了三種方式...
    Www劉閱讀 14,219評論 3 53
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫晾嘶、插件妓雾、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,066評論 4 62
  • 時間:2016年9月9日 地點:薪人薪事·HR薪講堂 喜馬拉雅 內(nèi)容:HR都是心理咨詢師 寫在前面的話: 心...
    eebd4933252b閱讀 287評論 0 2