IOS JS交互的方法

WKWebView? JS交互的基本步驟:

1:創(chuàng)建WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];

2:創(chuàng)建WKUserContentController *userContentController = [[WKUserContentController alloc] init];

3:[userContentController addScriptMessageHandler:self name:@"functionGetUserInfo(JS中的函數(shù)名)"];

4: configuration.userContentController = userContentController;

5:創(chuàng)建 self.webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:configuration];

6:監(jiān)聽WKScriptMessageHandler中的 - (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message方法,其中message.name可以的到函數(shù)名。

7:如果要將本地的數(shù)據(jù)傳輸給webView 則調(diào)用[self.webView evaluateJavaScript:[NSString stringWithFormat:@"hx.callback('%@');",dataStr] completionHandler:^(id _Nullable result, NSError * _Nullable error) {JWNSLog(@"%@", error);}]; 其中dataStr是要傳輸?shù)膉son字符串。

8:dealloc 中remove掉之前的方法。[self.userContentController removeScriptMessageHandlerForName:@"functionGetUserInfo(JS中的函數(shù)名)"];


UIWebView? JS交互基本步驟:

1:在webViewDidFinishLoad方法中創(chuàng)建JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

2:創(chuàng)建具體的方法

context[@"functionPay(JS中函數(shù)名)"] = ^() {

??????? NSArray *args = [JSContext currentArguments];

? ? ? ? NSMutableArray *webPayArray = [NSMutableArray array];//webpayArray中儲存的傳遞過來的所有數(shù)據(jù)

? ? ? ? for (JSValue *jsVal in args) {

??????????????? [webPayArray addObject:jsVal.toString];

? ? ? ? }

? };

3:如果要向JS中傳遞數(shù)據(jù)? [weakSelf.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"hx.callback('%@');",dataStr]];//dataStr為json字符串

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,653評論 1 32
  • 1.ios高性能編程 (1).內(nèi)層 最小的內(nèi)層平均值和峰值(2).耗電量 高效的算法和數(shù)據(jù)結(jié)構(gòu)(3).初始化時...
    歐辰_OSR閱讀 30,235評論 8 265
  • 隨著H5技術(shù)的興起,在iOS開發(fā)過程中,難免會遇到原生應(yīng)用需要和H5頁面交互的問題。其中會涉及方法調(diào)用及參數(shù)傳值等...
    Chris_js閱讀 3,236評論 1 8
  • 跟原生開發(fā)相比,H5的開發(fā)相對來一個成熟的框架和團(tuán)隊來講在開發(fā)速度和開發(fā)效率上有著比原生很大的優(yōu)勢,至少不用等待審...
    大沖哥閱讀 1,903評論 0 7
  • 前言 Web 頁面中的 JS 與 iOS Native 如何交互是每個 iOS 猿必須掌握的技能。而說到 Nati...
    幽城88閱讀 2,331評論 1 8

友情鏈接更多精彩內(nèi)容