上一篇文章介绍了UIWebView 如何通过WebViewJavascriptBridge 来实现JS 与OC 的互相调用，这一篇来介绍一下WKWebView 又是如何通过WebViewJavascriptBridge...来实现JS 与OC 的互相调用的。...WKWebView 下使用WebViewJavascriptBridge来实现JS 与OC 的互相调用,也是通过拦截URL来实现的。...下面开始介绍WKWebView 如何通过WebViewJavascriptBridge 来实现JS 与OC 的互相调用。...示例工程地址：JS_OC_WebViewJavascriptBridge Have Fun！
同样的用WKWebView也可以拦截URL，做JS 与OC交互。关于WKWebView与UIWebView的对比，大家请自动百度或者google。...除了代理方法和WKWebView的使用不太一样，关于WKWebView更详尽的讲解和用法，还是自行搜索学习，本文重点还是讲解如何实现JS 与OC 互相调用。...调用 JS 方法 JS 调用OC 方法后，有的操作可能需要将结果返回给JS。...这时候就是OC 调用JS 方法的场景。 WKWebView 提供了一个新的方法evaluateJavaScript:completionHandler:，实现OC 调用JS 等场景。...示例工程地址：JS_OC_URL
回调 OC 代码块 1.3 异常收集 2、`WKWebView` OC 与 JS 交互 2.1 `WKUIDelegate` 协议 2.2 OC 调用 JS 函数 2.3 JS 调用 OC 2.3.1...② 使用 JavaScriptCore，向 JS 中注册 OC 类，JS 函数中直接调用 OC 方法。 ③ 使用 JSContext 上下文，JS 回调 OC 代码块。...回调 OC 代码块。...使用步骤： ① 引入头文件 ② 初始化桥接类实例 ③ （JS 调用 OC）OC中 registerHandler 注册JS方法，使用block传参及回调；（ OC 调用 JS）callHandler...调用 JS 方法，使用block回调JS返回结果。
/u010105969/article/details/53541088 本篇博客则是讲了OC传值给JS，代码似乎更简单。...OC传值给JS的代码： // 页面加载完成之后调用 - (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *...JS接收OC传值的代码： function payResult(str){ if(str == ‘ture’){ alert(‘登录’); } } OC代码中的payResult()方法是...注意：JS能接收到OC传递的数据，但却不能进行输出，需要进行判断，看接收到的数据是不是某个数据。...再次提醒：这种OC给JS传参数的方式实际就是OC调用JS方法，传的值是JS方法的一个参数。 好了，博客很短，代码很简单，希望帮到那些在找OC传值给JS方法的童鞋们。
示例Demo：WKWebView的使用 本文将从以下几方面介绍WKWebView： 1、WKWebView涉及的一些类 2、WKWebView涉及的代理方法 3、网页内容加载进度条的实现 4、JS...和OC的交互 5、本地HTML文件的实现 一、WKWebView涉及的一些类 WKWebView：网页的渲染与展示 注意： #import //初始化...和OC的交互 JS调用OC 这个实现主要是依靠WKScriptMessageHandler协议类和WKUserContentController两个类：WKUserContentController对象负责注册...JS方法，设置处理接收JS方法的代理，代理遵守WKScriptMessageHandler，实现捕捉到JS消息的回调方法，详情可以看第一步中对这两个类的介绍。...OC调用JS //OC调用JS changeColor()是JS方法名，completionHandler是异步回调block NSString *jsString = [NSString
一、前言 近日，有朋友问我关于WKWebView与JS的交互问题，可我之前一直使用的是UIWebView，也不曾做过WKWebView的交互啊！...接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。...三、WKWebView的代理方法 /*!...-> Void) 五、WKWebView与JS的交互使用 首页创建html文件，代码如下： <meta charset...修改节点的内容 let js = "document.getElementsByTagName('h2')[0].innerText = '这是一个iOS写入的方法'"; //将js注入到网页中 6、js
创建WKWebView lazy var webView: WKWebView = { // 创建WKPreferences let preferences = WKPreferences...(self, name: "callbackHandler") // 创建WKWebView var webView = WKWebView(frame: self.view.frame...WKWebView调用JS： func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!)...JS调用WKWebView： func userContentController(_ userContentController: WKUserContentController, didReceive...文件 let filePath = Bundle.main.path(forResource: path, ofType: "js") // js文件内容 var script:
最近准备把之前用UIWebView实现的JS与原生相互调用功能，用WKWebView来替换。顺便搜索整理了一下JS 与OC 交互的方式，非常之多啊。...目前我已知的JS 与 OC 交互的处理方式： 1.在JS 中做一次URL跳转，然后在OC中拦截跳转。...答：因为有的JS调用是需要OC 返回结果到JS的。...如果回调的JS 是一个耗时的操作，那么建议将耗时的操作也放入setTimeout的function 中。...OC调用JS方法 关于将OC 执行结果返回给JS 需要注意的是： 如果回调执行的JS 方法带参数，而参数不是字符串时，不要加单引号,否则可能导致调用JS 方法失败。
继承自 UIView WKWebView的特点： 性能高，稳定性好，占用的内存比较小， 支持JS交互 支持HTML5 新特性 可以添加进度条（然并卵，不好用，还是习惯第三方的）。...支持内建手势， 据说高达60fps的刷新频率（不卡） WKWebView的创建 导入Webkit这个类库（WKWebVeiw包含在里面的） 遵守协议（一般前两个就行啦，第三个主要是与JS相关的东西...，这个协议中包含一个必须实现的方法，这个方法是提高App与web端交互的关键，它可以直接将接收到的JS脚本转为OC或Swift对象--网上大神说的，我没用过。）...中给JS传参数，如何在OC中获取到JS传递过来的参数 如果要实现这样的JS和OC的数据交互，需要使用到一个第三方文件：WebViewJavascriptBridge 给web发消息 @property...web的这个回调方法。
WKWebView 适用于iOS8之后的系统 引用 #import 1.OC调用JS NSString *jsmethod = [NSString stringWithFormat...:@"mymethd(\"%@\")",data]; //data（NSDate）为要传给js的数据 [self.wkWebView evaluateJavaScript:jsmethod...completionHandler:^(id _Nullable result, NSError * _Nullable error) { // result js返回值 }];...2.JS调用OC （1）遵循代理 @interface SharecgiteViewController ()...交互，在页面推出的时候，调用 WKUserContentController *controller = self.wkWebView.configuration.userContentController
WKWebView 使用 WKUserContentController. UIWebView 原生的交互原理 通过一个 JSContext 获取 UIWebView 的 JS 执行上下文。...; }; WKWebView 原生交互原理 通过 userContentController 把需要观察的 JS 执行函数注册起来。...WebViewJavaScriptBridge WebViewJavaScriptBridge 用于 WKWebView & UIWebView 中 OC 和 JS 交互。...以供 OC 端调用。 回调函数的 data。 既然 JS 函数由 OC 调用，所以 data 是 OC 端传递过来的数据。 responseCallback 。...Echo”），客户端进行调用（方法名也是“JS Echo”），responseCallback是回调函数 bridge.registerHandler('JS Echo', function(
2.2 添加JS要调用的原生OC方法。 在HMTL加载成功的回调方法- (void)webViewDidFinishLoad:(UIWebView *)webView中添加要调用的原生OC方法。...2.3 OC调用JS方法 OC调用JS方法就有多种方式了。首先介绍使用JavaScriptCore框架的方式。...先把JS与OC互调部分的介绍完了，这里再补充一些关于JavaScriptCore的相关知识。 在OC中如何往JS环境中添加一个变量，便于后续在JS中使用呢？...而且，WKWebView中有OC 和JS交互的方式，更easy 、更简洁，因此也用不着使用JavaScriptCore。...WKWebView中如何实现OC与JS交互可以看前面这篇文章：iOS下JS与OC互相调用（三）--MessageHandler UIWebView利用JavaScriptCore来实现交互的示例工程：JS_OC_JavaScriptCore
相比UIWebView，WKWebView做了如下优化： WKWebView更多的支持HTML5的特性 WKWebView更快，占用内存可能只有UIWebView的1/3 ~ 1/4 WKWebView...执行OC代码、OC调取JS代码。...JS执行OC代码 JS是不能执行OC代码的，但是可以变相的执行，JS可以将要执行的操作封装到网络请求里面，然后OC拦截这个请求，获取URL里面的字符串解析即可。...调取JS代码 OC调取JS用到了WebView的一个方法stringByEvaluatingJavaScriptFromString。...:(WKNavigation *)navigation; WKUIDelegate常用代理 /* 输入框，页面中有调用JS的 prompt 方法就会调用该方法 */ - (void)webView:(WKWebView
1.OC与JS交互之UIWebView 创建一个UIWebView 并加载 _webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 20,...调用OC 一，js里面直接调用方法 方法1 ?...方法就行了 //OC调用JS 方法1 ?...调用JS的时候给JS传的参数 [function callWithArguments:@[a,b,c]]; 2.OC与JS交互之WKWebView 创建一个WKWebView 并加载 self.webView...,array.firstObject,array.lastObject]; [self showMsg:info]; } } //OC 调用JS //方法 setName [webView
不错，早在三年前，这个库有过一段辉煌的时光，在苹果除了WKWebView之后，渐渐的使用这个库的人越来越少，尽管这个库也是支持了WKWebView的。...让Native能像调用OC的方法一样调用JS，同时JS也能像调用JS方法一样去调用OC。这就在OC和JS中间搭起了一座友谊的桥梁。...做的相应操作； WKWebViewJavaScriptBridge：主要是针对WKWebView做的一些封装，主要也是执行JS代码和实现WKWebView的代理方法的。...JS回调Native的时候，就会来这个字典里面去取对应的block。其实思想都是差不多的。...这里与前面JS调Native时Native回调JS的处理不太一样，因为JS调Native是不能直接调的。但是怎么去通知Native呢？
5，WKWebView可以和JS直接互调函数，交互更方便；而UIWebView则需要依靠WebViewJavaScriptBridge第三方库来协助处理与JS的交互，实现起来较繁琐。...苹果JS字符串，用于OC调用JS方法。 实例方法 - goBack。导航到后退列表的后退项中。 - goForward。导航到后退列表的前进项中。 - reload。重新加载当前页面。...一般而言，但WKWebView因一些稀奇古怪的原因导致Crash的时候就会回调该方法。...:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler { //这里展示了如何使用OC原生来展示JS的警告弹窗...我们可以通过JSCore或者JSBridge来在native中执行JS代码，并且在JS中去回调Native的相关函数。 现在很火热的跨平台以及热修复技术，都是基于JS与Native通信来实现的。
一、WKWebView的使用： 1、初始化 webView初始化：WKPreferences, WKUserContentController -> WKWebViewConfiguration ->... WKWebView 这里添加了三个代理，代理方法会在下面实现。...self.url.absoluteString, baseURL: self.url) // 否则evaluateJavaScript方法报错 2、WKNavigationDelegate： 这个代理在加载的各个过程中都有回调，...，下面补充并说明一下： 1、evaluateJavaScript的使用 1)、首先我们在`WKNavigationDelegate`的`didFinish`方法回调后，就可以使用`evaluateJavaScript...`跟JS交互了： // MARK: - 加载完成 func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!)
https://blog.csdn.net/u010105969/article/details/53189934 之前虽然做过OC与JS交互，但都是比较简单的效果：点击网页中的图片，然后进行图片浏览...现在对OC与JS交互这块也不是很清楚，今天只是把之前的代码贴过来以便今后更好地理解OC与JS的交互。 首先需要往网页中注入JS。注入JS的工作是后台做的。...documentView.webView.mainFrame.javaScriptContext"]; _jsContext[@"startFunction"] =^(id obj){ ////这里通过block回调从而获得...documentView.webView.mainFrame.javaScriptContext"]; NSLog(@"%@", context); context[@"image_add_i"] = ^() {//通过block回调获得...附上利用WKWebView加载网页OC与JS的交互的地址： http://mp.blog.csdn.net/postedit/53541088
使用WKWebView的时候，如果想要实现JS调用OC方法，除了拦截URL之外，还有一种简单的方式。那就是利用WKWebView的新特性MessageHandler来实现JS调用原生方法。...WKScriptMessageHandler是因为我们要处理JS调用OC方法的请求。...因为我们给每一个OC 方法取了一个name，那么我们就可以根据name 来区分执行不同的方法。body 中存着JS 要给OC 传的参数。...调用JS 这里使用WKWebView 实现OC 调用JS方法跟上一篇是一样的，还是利用 - evaluateJavaScript:completionHandler:。...地址：JS_OC_MessageHandler
然后点击下一页的按钮 通过js的响应显示另一个网页 最后通过下一页的按钮可以返回到首页。 本文仅仅是h5跟ios 的交互的入门 所以没有做细致的描述。...但是ios8之后 苹果推出了 wkWebview 比uiwebview 占用内存更小，运行速度更快，现在献上 wkwebview的使用方法，供大家参考。...最近发现了wkwebview 这个是ios8之后出来的，就在#import 这个类里边就包含了这个wkwebview这个类，wkwebview继承于uiview 特点...代码 3.运行 oc代码： // // ViewController.m // OC与JS交互之WKWebView // // Created by user on 16/8/18. //...WKUserContentController *userCC = config.userContentController; //JS调用OC 添加处理脚本 [userCC addScriptMessageHandler
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
