wkwebview加载完成_【Swift】WKWebView与JS的交互使用

一、前言

近日,有朋友问我关于WKWebView与JS的交互问题,可我之前一直使用的是UIWebView,也不曾做过WKWebView的交互啊!接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。

二、WKWebView

  • 支持更多的HTML5的特性
  • 高达60fps滚动刷新频率与内置手势
  • 与Safari相容的JavaScript引擎
  • 在性能、稳定性方面有很大提升占用内存更少 协议方法及功能都更细致
  • 可获取加载进度等。

三、WKWebView的代理方法

/*! @abstract The web view's navigation delegate. */
weak open var navigationDelegate: WKNavigationDelegate?
 
/*! @abstract The web view's user interface delegate. */
weak open var uiDelegate: WKUIDelegate?

三、WKNavigationDelegate的代理方法

`//判断链接是否允许跳转`

`optional func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: ``@escaping` `(WKNavigationActionPolicy) -> Void)`

`//拿到响应后决定是否允许跳转`

`optional func webView(_ webView: WKWebView, decidePolicyFor navigationResponse: WKNavigationResponse, decisionHandler: ``@escaping` `(WKNavigationResponsePolicy) -> Void)`

`//链接开始加载时调用`

`optional func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!)`

`//收到服务器重定向时调用`

`optional func webView(_ webView: WKWebView, didReceiveServerRedirectForProvisionalNavigation navigation: WKNavigation!)`

`//加载错误时调用`

`optional func webView(_ webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: Error)`

`//当内容开始到达主帧时被调用(即将完成)`

`optional func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!)`

`//加载完成`

`optional func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!)`

`//在提交的主帧中发生错误时调用`

`optional func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error)`

`//当webView需要响应身份验证时调用(如需验证服务器证书)`

`optional func webView(_ webView: WKWebView, didReceive challenge: URLAuthenticationChallenge, completionHandler: ``@escaping` `(URLSession.AuthChallengeDisposition, URLCredential?) -> Void)`

`//当webView的web内容进程被终止时调用。(iOS 9.0之后)`

`optional func webViewWebContentProcessDidTerminate(_ webView: WKWebView)`
作为一个开发者,有一个学习的氛围跟一个交流圈子特别重要,这是一个我的iOS交流群:642363427,不管你是小白还是大牛欢迎入驻 ,分享BAT,阿里面试题、面试经验,讨论技术, 与2800+iOS开发者一起交流学习成长!

四、WKUIDelegate的代理方法

用来做一些页面上的事件,弹窗警告,提醒等。

//接收到警告面板
 optional func webView(_ webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping () -> Void)
   
 //接收到确认面板
optional func webView(_ webView: WKWebView, runJavaScriptConfirmPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (Bool) -> Void)
   
 //接收到输入框
optional func webView(_ webView: WKWebView, runJavaScriptTextInputPanelWithPrompt prompt: String, defaultText: String?, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (String?) -> Void)

五、WKWebView与JS的交互使用

首页创建html文件,代码如下:

<html lang="en">
     
    <head>
        <meta charset="utf-8" />
        <title>JS交互</title>
         
        <style&
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值