龙空技术网

前端与app交互——WebViewJavascriptBridge 使用

大龄北漂人 228

前言:

目前小伙伴们对“uiwebviewjs交互”可能比较重视,姐妹们都想要了解一些“uiwebviewjs交互”的相关内容。那么小编同时在网摘上搜集了一些有关“uiwebviewjs交互””的相关知识,希望同学们能喜欢,看官们一起来学习一下吧!

一、源码文件

文件介绍:

1、WebViewJavascriptBridge_JS文件:

虽然是OC的文件,但是里面只定义了一个方法:

NSString * WebViewJavascriptBridge_js(void);

这个方法只做了一件事情:返回一个字符串。这个字符串 就是JS负责收发消息的代码

2、WebViewJavascriptBridgeBase文件:

用来进行 bridge 初始化和消息处理的核心类;

这个类是在支持 WKWebView 后从 WebViewJavascriptBridge 中独立出来的逻辑,专门用来处理 bridge 相关的逻辑,不再与具体的 Web View 相关联了

3、WebViewJavascriptBridge文件:

桥接的入口,针对不同类型的 Web View (UIWebView、WKWebView、mac os的WebView)进行分发;

针对 UIWebView 和 WebView 做的一层封装,主要用来执行 JS 代码,以及实现 UIWebView 和 WebView的代理方法,并通过拦截 URL 来通知 WebViewJavascriptBridgeBase 做相应操作

4、WKWebViewJavascriptBridge

对 WKWebView 做的一层封装,主要用来执行 JS 代码,以及实现 WKWebView 的代理方法,并通过拦截 URL 来通知 WebViewJavascriptBridgeBase 做相应操作

二、原理

看图片,有注解。

三、iOS端如何做

iOS使用WebViewJSBridge

四、前端如何做

html代码1

html代码2

图片里有代码注释。

标签: #uiwebviewjs交互