ios传值给js_WKWebView JS与OC间相互传值调用

写在前面

本文将介绍如何使用WKWebView进行JS与OC、OC与JS间的传值和方法调用。

前置条件

1、导入WebKit.framework

2、声明WKWebView

JS调用OC原生方法

1、前端在js文件中实现

这里要注意messageHandlers后面跟着的deviceInfo要与原生的定义的一致。

2、iOS 实现WKScriptMessageHandler协议

3、iOS 初始化WKWebView

这里注意[userController addScriptMessageHandler:self name:@"deviceInfo"];

这个方法里的deviceInfo要与前端定义的一致。

4、iOS 实现WKScriptMessageHandler协议方法

message.body就是前端传来的参数

OC调用JS方法

1、实现WKNavigationDelegate协议

2、实现WKNavigationDelegate协议的- webView: didFinishNavigation:方法

3、OC调用JS方法

其中deviceInfo('8.3')为前端给出的JS方法名8.3是需要传给前端的参数

4、注意事项

以下错误的解决方法

一定要在网页加载完成后调用，否则报错

JS方法一定要放在最外层

图片出处不详，请作者看到与我联系，侵删

ios传值给js_WKWebView JS与OC间相互传值调用相关推荐

JS和OC间的通信（使用JavaScriptCore）
JavaScriptCore 时代的通讯 iOS 7 开始,苹果提供了一个叫作 JavaScriptCore 的框架,使用 JavaScriptCore 框架可以实现 OC 和 JS 的互相调用,而不 ...
js静态页面间的传值
一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上. 例子: 参数传出页面Post.htm-> <input type="tex ...
vue组件间相互传值
一般vue的组件之间的传值分为:父组件传子组件,子组件传父组件,任意组件之间传值. 1.父组件传子组件:(父组件通过v-bind(可以缩写为 :)发送,子组件通过props接收) //父组件中引入子组 ...
javascript frame框架间函数变量的相互引用 frame间相互传值
框架编程概述一个HTML页面可以有一个或多个子框架,这些子框架以< iframe> 来标记,用来显示一个独立的HTML页面.这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问,例如 ...
js文件与html相互传值
前言 js文件是前端最常用的,必然是要与html之间进行交互.简单总结正文第一种形式 js文件 //登录方法 function login(username, password) {$.ajax( ...
iOS下JS与OC互相调用（五）--UIWebView + WebViewJavascriptBridge
WebViewJavascriptBridge是一个有点年代的JS与OC交互的库,使用该库的著名应用还挺多的,目前这个库有7000+star.我去翻看了它的第一版本已经是4年前了,在版本V4.1.4以 ...
iOS下JS与OC互相调用（四）--JavaScriptCore
前面讲完拦截URL的方式实现JS与OC互相调用,终于到JavaScriptCore了.它是从iOS7开始加入的,用 Objective-C 把 WebKit 的 JavaScript 引擎封装了一下, ...
iOS下JS与OC互相调用（二）--WKWebView 拦截URL
在上篇文章中讲述了使用UIWebView拦截URL的方式来处理JS与OC交互. 由于UIWebView比较耗内存,性能上不太好,而苹果在iOS 8中推出了WKWebView. 同样的用WKWebVie ...
iOS下JS与OC互相调用（一）--UIWebView 拦截URL
1.在JS 中做一次URL跳转,然后在OC中拦截跳转.(这里分为UIWebView 和 WKWebView两种,去年因为还要兼容iOS 6,所以没办法只能采用UIWebView来做.) 2.利用WKW ...

ios传值给js_WKWebView JS与OC间相互传值调用

ios传值给js_WKWebView JS与OC间相互传值调用相关推荐

最新文章

热门文章