当前位置: 代码迷 >> 综合 >> swift - WKWebView api功能分析
  详细解决方案

swift - WKWebView api功能分析

热度:65   发布时间:2024-01-09 15:25:33.0

WKWebView

参考文章
(https://github.com/wszxy/WKWebViewCookie/tree/7861c27af73ba8522dca36cc0dee218d133ba0da)

工程文件
https://www.dropbox.com/sh/qghyu9xho6cgqfl/AAAf0QMjnGnJXhGAFYfLSXnAa?dl=0

关于H5页面的问题我不是很懂的,JS的大部分我都是问大学舍友完成

WKWebViewConfiguration

用户代理字符串中使用的应用程序的名称 (不明白)

open var applicationNameForUserAgent: String?

webConfiguration.applicationNameForUserAgent = "123"

默认为**(“Mobile/15E148”)** 更改后**(“123”)**

是否使用JavaScript,默认是使用的

        // 是否启用javaScript,默认是YES
// webConfiguration.preferences.javaScriptEnabled = false// ios 14以上使用这个let preference = WKWebpagePreferences()preference.allowsContentJavaScript = falsewebConfiguration.defaultWebpagePreferences = preference

截屏2022-01-26 上午11.34.02

配置为同一个进程池的WebView会共享数据,例如Cookie、用户凭证等,开发者可以通过编写管理类来分配不同维度的WebView在不同进程池中。

open var processPool: WKProcessPool
webConfiguration.processPool = WKProcessPool()

交互

// 注入js对象名称为xxxx,当js通过xxxx来调用// 可以在wkscriptMessagehandler的代理中接收到webConfiguration.userContentController.add(self,name: "xxxx")
WKNavigationDelegate

此代理实现的方法可以用来追踪加载过程(页面开始加载、加载完成、加载失败)、决定是否执行跳转。

wkWebView.navigationDelegate = self
WKUIDelegate

**与界面弹出提示框相关的代理方法,针对于web界面的三种提示框(警告框、确认框、输入框)分别对应三种代理方法。 **

wkWebView.uiDelegate = self
cookie的验证

20220124153039

20220124153039

本地localhost配置

1.开启Apache 打开terminal,输入sudo apachectl start,打开浏览器,输入localhost或127.0.0.1,显示it works!说明服务器开启成功

2.配置php 找到php的配置文件的路径:/etc/apache2/httpd.conf 用记事本打开,搜索定位到php7_module这句话,然后将前面的#去掉,保存退出。

3.重启Apache 在terminal中输入:sudo apachectl restart 再次用浏览器访问localhost/index.php,当你看到it works!显示说明配置成功了。

4.客户端设置 这里的客户端指的是iOS设备,只要客户端与服务器处在同一个局域网下,就可以直接通过ip地址访问。ip地址通过打开网络偏好设置查看。

如果不能保存退出的话,说什么没有权限允许,可以终端输入 vim /etc/apache2/httpd.conf 进行终端修改

D6DBFC6B-9865-413F-9ECC-3D393B11AF64

清理磁盘:清理了library目录下的cookie文件
清理内存:清理NSHTTPCookieStorage的cookie数组,是模拟进程退出的情况
新建(普通):新建一个WKWebView,并发送请求
新建(带Script):区别于普通的新建,新建WKWebView的时候,会在configuration中通过userScript的方式设置cookie,cookie的name为name_test,value为Config setting
刷新:页面刷新,不涉及新建,重新发送请求。

首次进来时,php读取不到cookie,而js读取一直成功,即使是第一次访问页面。

也就是优先读取客户端请求里的cookie,读不到时会读取服务器设置的cookie。

截屏2022-01-24 下午3.51.25

点击刷新后,php读取到cookie。

证明了:首次请求没有cookie,响应回来后设置,后续的请求就会带上cookie,可以说明在这种刷新的情况下,WKWebView请求是会自动带上cookie的

截屏2022-01-24 下午3.55.31

当清理磁盘和清理内存,cookie有时读不到。当cookie已经生成时,新建WKWebView不影响cookie的读取,而一旦清理了磁盘时,cookie就没有了。而清理内存,内存里的内容来自于读取磁盘里的内容,有时可以读取的到。

新建(带script)方式

userScript是设置在configuration里,而configuration作为参数初始化WKWebView,每次新建就相当于一个新的设置,这种方式的cookie存储和WKWebView的生命周期绑定了,同生共灭。

let config = WKWebViewConfiguration()config.preferences = WKPreferences()config.preferences.minimumFontSize = 20config.preferences.javaScriptCanOpenWindowsAutomatically = falselet userController = config.userContentControllerlet cookieSource = "document.cookie = 'name_test=Config setting';"let cookieScript = WKUserScript.init(source: cookieSource, injectionTime: .atDocumentStart, forMainFrameOnly: false)userController.addUserScript(cookieScript)
WKWebView拦截器 (WKNavigationDelegate方法实现)

截屏2022-01-26 上午11.34.02

WKNavigationDelegate里的,其中jsToSwift就是标识字段。

通过URL进行拦截,也就是请求的时候拦截

// 拦截urlfunc webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
    print("在请求开始加载之前调用,决定是否跳转=====\(navigationAction.request.url?.absoluteString ?? "")")if navigationAction.request.url?.scheme?.caseInsensitiveCompare("jsToSwift") == ComparisonResult.orderedSame {
    print("*********************")print(navigationAction.request.url?.query)print(navigationAction.request.url?.host)decisionHandler(.cancel)}else {
    decisionHandler(WKNavigationActionPolicy.allow)}}

打印的字段为

在请求开始加载之前调用,决定是否跳转=====jstoswift://loginSucceed?js_tokenString

Optional(“js_tokenString”)

Optional(“loginSucceed”)

javaScript代码

//! 加载URLfunction loadURL(url) {
    window.location.href = url;}//! JS调用swift入口function jsToSwift(action, params) {
    var url = "jsToSwift://" + action + "?" + params;loadURL(url);}//! JS登录成功后loadURL并传参tokenfunction loginSucceed(token) {
    var action = "loginSucceed";jsToSwift(action, token);}//! JS调用swift的登录功能function login() {
    var token = "js_tokenString";loginSucceed(token);}

H5代码显示

<button onclick = "login()" style = "font-size: 18px;">登录</button>
JS调用原生方法(WKScriptMessageHandler实现)

原生中注册方法给JS使用

        let config = WKWebViewConfiguration()config.userContentController.add(self, name: "openCamera")config.userContentController.add(self, name: "playVideo")self.webView = WKWebView.init(frame: CGRect(x: 0, y: 200, width: 200, height: 200),configuration: config)

JS使用注册的方法传值

            function useCamera() {
    window.webkit.messageHandlers.openCamera.postMessage(null);}function useVideo(vedio) {
    var obj = {
    "name":"God", "Author":"Jhon Trank"};window.webkit.messageHandlers.playVideo.postMessage(obj);}

window.webkit.messageHandlers.<方法名字>.postMessage

其中add()第一个参数是WKScriptMessageHandlerdelegate,该代理只有一个函数userContentController负责管理js的传值

iOS接收

    //js向swift传值func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
    if message.name == "openCamera" {
    print(message.name)print(message.body)}else if message.name == "playVideo" {
    print(message.name)print(message.body)}}   
原生调用JS方法
self.webView.evaluateJavaScript("jsToSwift('loginSucceed', 'oc_tokenString')") {
     response, error inprint("response:\(response)")}

js的实现方法,实现方法为一个URL请求,原生进行截断

//! JS调用OC入口function jsToSwift(action, params) {
    var url = "jsToSwift://" + action + "?" + params;loadURL(url);}
警告弹窗使用(WKUIDelegate)

如果不封装的话,js调用的alert confirm设备是不会显示的,所以需要使用到WKUIDelegate监听JS调用的弹窗