学习笔记：WKWebView的简单使用(Swift)

最新推荐文章于 2021-01-12 22:09:28 发布
最新推荐文章于 2021-01-12 22:09:28 发布
阅读量691 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_37616160/article/details/60573243
版权

一、WKWebView：

在WWDC2014中，随着iOS 8一起推出的新控件，解决并完善了UIWebView存在的内存和加载速度等问题，在苹果官方文档中也在极力推荐使用WKWeb来替换UIWeb，只要你的APP最低支持版本是8.0：（苹果官方文档）


二、使用：

    1、初始化，与UIWeb一样，唯一的就是加载本地html只有在9之后才可以使用

    let webConfig = WKWebViewConfiguration();
    let webView = WKWebView(frame: CGRect.zero, configuration: webConfig)
    webView.frame = self.webPlaceholderView.bounds;
    webView.navigationDelegate = self
    webView.uiDelegate = self
    webView.load(URLRequest.init(url: URL.init(string: "file:///Users/liuxinning/Desktop/Projects/HTML/Cyning/index.html")!))
    // 直接记载本地html方法在9之后才支持，8的时候需要用RULRequest曲线救国下
     // self.webView.loadFileURL(<#T##URL: URL##URL#>, allowingReadAccessTo: <#T##URL#>)
2、在加载过程中会在相应的时机出发对应的代理方法（如果你设置并实现的话）
navigationDelegate 主要可以监控着整个web的生命周期 (NavigationDelegate使用说明)
uiDelegate 主要监控web的js交互，从而用于与APP进行对应的交互 (UIDelegate使用说明)
3、关于 WKWebViewConfiguration (TODO) 

//
//  RouteWebViewController.swift
//  TestAnyThing
//
//  Created by 刘新宁 on 2017/2/15.
//  Copyright © 2017年 刘新宁. All rights reserved.
//

import UIKit
import WebKit


class RouteWebViewController: UIViewController,WKNavigationDelegate,WKUIDelegate,UIAlertViewDelegate  {
    
    lazy var alertViewController : UIAlertController = {
        return UIAlertController.init(title: "我是一个VC", message: "message", preferredStyle: UIAlertControllerStyle.alert)
    }()
    @IBOutlet weak var navRightButton: UIButton!
    
    var OKAlertAction : UIAlertAction = UIAlertAction()
    
    var CancelAlertAction : UIAlertAction = UIAlertAction()
    
    var clickButtonTime : Int = 0
    
    let webView : WKWebView = {
        let webConfig = WKWebViewConfiguration();

        let webView = WKWebView(frame: CGRect.zero, configuration: webConfig)
        
        return webView
    }()
    override func viewDidLoad() {
        super.viewDidLoad()
        self.__setupWebView()
    }
    @IBOutlet weak var webPlaceholderView: UIView!

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
    
    func __setupWebView(){
        self.webView.frame = self.webPlaceholderView.bounds;
        self.webView.navigationDelegate = self
        self.webView.uiDelegate = self
        
        self.webView.load(URLRequest.init(url: URL.init(string: "file:///Users/liuxinning/Desktop/Projects/HTML/Cyning/index.html")!))
        
    }
    //MARK: - WKUIDelegate
    /**
     Description
     
     - parameter webView:           webView description
     - parameter message:           message description
     - parameter frame:             frame description
     - parameter completionHandler: completionHandler必须执行
     */
    func webView(_ webView: WKWebView, runJavaScriptConfirmPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (Bool) -> Void) {
        debugPrint("confirm message : \(message)")
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
        completionHandler(true)
    }
    /**
     Description
     
     - parameter webView:           webView description
     - parameter message:           message description
     - parameter frame:             frame description
     - parameter completionHandler: completionHandler必须执行
     */
    func webView(_ webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping () -> Void) {
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
        debugPrint("webView run alert JS: \(message) ")
        completionHandler()
    }
    
    func webView(_ webView: WKWebView, runJavaScriptTextInputPanelWithPrompt prompt: String, defaultText: String?, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (String?) -> Void) {
        debugPrint("webView run prompt JS: \(prompt) defaultText:\(defaultText)")
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
        
        completionHandler("testText")
    }
    /**
     创建一个新的 webView
     
     - parameter webView:          webView description
     - parameter configuration:    configuration description
     - parameter navigationAction: navigationAction description
     - parameter windowFeatures:   windowFeatures description
     
     - returns: return value description
     */
    func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? {
       debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
        
        
        return webView
    }
    
    /**
     9.0 later
     
     - parameter webView: webView description
     */
    @available(iOS 9.0, *)
    func webViewDidClose(_ webView: WKWebView) {
       debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
    }
    /*
     以下方法均为10.0之后
     */
    
    @available(iOS 10.0, *)
    func webView(_ webView: WKWebView, shouldPreviewElement elementInfo: WKPreviewElementInfo) -> Bool {
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
        return true
    }
    
    @available(iOS 10.0, *) 
    func webView(_ webView: WKWebView, previewingViewControllerForElement elementInfo: WKPreviewElementInfo, defaultActions previewActions: [WKPreviewActionItem]) -> UIViewController? {
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
        return self
        
    }
    
    @available(iOS 10.0, *)
    func webView(_ webView: WKWebView, commitPreviewingViewController previewingViewController: UIViewController) {
       debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
    }
    
    
    
    //MARK: - WKNavigationDelegate
    
    /**
     执行层级：①
     webView发起请求之前调用
     allow后才会进行后面的代理方法
     decisionHandler 必须执行
     - parameter webView:          响应webView
     - parameter navigationAction: 包含响应事件的信息对象
     - parameter decisionHandler:  回调block，参数:allow or cancel
     */
    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
       let urlString = navigationAction.request.url?.absoluteString
        if self.interceptForLocalRouter(navigationAction: navigationAction) == true{
            decisionHandler(.cancel)
        }else if (urlString?.hasPrefix("https") == true ||
                  urlString?.hasPrefix("http") == true  ||
                  urlString?.hasPrefix("file") == true){
           decisionHandler(.allow)
        }else {
           decisionHandler(.cancel)
        }
        debugPrint("urlString : \(urlString)")
    }
    /**
     执行层级：③
     URL响应正确,接收到相应数据后,决定是否跳转
     decisionHandler 必须执行
     - parameter webView:            响应webView
     - parameter navigationResponse: 请求地址
     - parameter decisionHandler:    回调block，参数:allow or cancel
     */
    func webView(_ webView: WKWebView, decidePolicyFor navigationResponse: WKNavigationResponse, decisionHandler: @escaping (WKNavigationResponsePolicy) -> Void) {
        
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
    /*  //
        let alertView = UIAlertController.init(title: "请求前确认", message: "是否允许请求:\n\(navigationResponse.response.url)", preferredStyle: UIAlertControllerStyle.actionSheet)
        let OKAction  = UIAlertAction.init(title: "确定", style: UIAlertActionStyle.destructive, handler: { (alertAction) in
            decisionHandler(WKNavigationResponsePolicy.allow)
        })
        let cancelAction = UIAlertAction.init(title: "取消", style: UIAlertActionStyle.default, handler: { (alertAction) in
            decisionHandler(WKNavigationResponsePolicy.cancel)
        })
        alertView.addAction(OKAction)
        alertView.addAction(cancelAction)
        
        self.OKAlertAction = OKAction
        self.CancelAlertAction = cancelAction
        self.alertViewController = alertView;
        
        self.present(alertView, animated: true) {
            
        }
        */
        
        decisionHandler(WKNavigationResponsePolicy.allow)
        
    }
    /**
     执行层级：②
     允许请求后开始
     
     - parameter webView:    响应webView
     - parameter navigation: navigation
     */
    func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
    }
    /**
     主机地址被重定向时调用
     
     - parameter webView:    webView description
     - parameter navigation: navigation description
     */
    func webView(_ webView: WKWebView, didReceiveServerRedirectForProvisionalNavigation navigation: WKNavigation!) {
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
    }
    /**
     执行层级：④
     页面加载失败时调用
     
     - parameter webView:    响应webView
     - parameter navigation: navigation
     - parameter error:      error
     */
    func webView(_ webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: Error) {
        debugPrint(#function + "\nerror: \(error.localizedDescription)")
    }
    /**
     执行层级:④
     当内容开始返回时调用
     
     - parameter webView:    webView description
     - parameter navigation: navigation description
     */
    func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) {
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
        
    }
    /**
     执行层级:⑤
     内容接受完毕后（JS等执行完毕后,在此之前执行 WKUIDelegate 的对应方法）
     
     - parameter webView:    webView
     - parameter navigation: navigation
     */
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        if self.webView.canGoBack == true{
            self.navRightButton.titleLabel?.text = "后退"
        }else if self.webView.url != nil{
            self.navRightButton.titleLabel?.text = "刷新"
        }else {
            self.navRightButton.titleLabel?.text = ""
        }
        self.webPlaceholderView.addSubview(self.webView)
        self.navigationItem.title = webView.title;
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")

    }
    /**
     跳转失败时调用
     
     - parameter webView:    webView description
     - parameter navigation: navigation description
     - parameter error:      error description
     */
    func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
        
    }
    /**
     在访问资源的时候，如果服务器返回需要授权(提供一个NSURLCredential对象)
     
     - parameter webView:           webView description
     - parameter challenge:         challenge description
     - parameter completionHandler:   completionHandler description
     */
    func webView(_ webView: WKWebView, didReceive challenge: URLAuthenticationChallenge, completionHandler: @escaping (URLSession.AuthChallengeDisposition, URLCredential?) -> Void) {
        
        debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
        
        // 认证服务器证书
        if challenge.protectionSpace.authenticationMethod == NSURLAuthenticationMethodServerTrust {
            debugPrint("获得服务端证书认证！")
            completionHandler(.performDefaultHandling, nil)
            /*
             /*
                将服务端证书与本地证书对比
             */
            completionHandler(.performDefaultHandling, nil)
            let serverTrust:SecTrust = challenge.protectionSpace.serverTrust!
            let certificate = SecTrustGetCertificateAtIndex(serverTrust, 0)!
            let remoteCertificateData
                = CFBridgingRetain(SecCertificateCopyData(certificate))!
            let cerPath = Bundle.main.path(forResource: "tomcat", ofType: "cer")!
            let localCertificateData = NSData(contentsOfFile:cerPath)!
            // 对比证书
            if (remoteCertificateData.isEqual(to: localCertificateData as Data) == true) {
             // 将客户端证书返回给服务端
                let credential = URLCredential.init(trust: serverTrust)
                challenge.sender?.use(credential,
                                      for: challenge)
                completionHandler(.useCredential,
                                  URLCredential.init(trust: challenge.protectionSpace.serverTrust!))
                
            } else {
             // 认证不通过取消请求
                completionHandler(.cancelAuthenticationChallenge, nil)
            }
             */
        }else if challenge.protectionSpace.authenticationMethod == NSURLAuthenticationMethodClientCertificate{
            debugPrint("客户端证书认证！")
            //获取客户端证书相关信息
            
            completionHandler(.useCredential, nil);
        }else {
            debugPrint("其它情况（不接受认证）")
            completionHandler(.cancelAuthenticationChallenge, nil);
        }
        
    }
    /**
     9.0 later，web内容处理中断时会触发
     
     - parameter webView: webView description
     */
    @available(iOS 9.0, *)
    func webViewWebContentProcessDidTerminate(_ webView: WKWebView) {
       debugPrint("class: \(object_getClassName(self))" + #function + "LINE: \(#line)")
    }
    
    @IBAction func close(_ sender: UIButton) {
        self.navigationController?.dismiss(animated: true, completion: {
            
        })
    }
    
    @IBAction func refresh(_ sender: UIButton) {
        if self.webView.canGoBack == true{
            self.webView.goBack()
        }else if self.webView.url != nil{
            self.webView.reload()
        }
    }
    
    func interceptForLocalRouter(navigationAction: WKNavigationAction) -> Bool{
//        NSString *method = navigationAction.request.HTTPMethod.uppercaseString;
//        NSString *schema = navigationAction.request.URL.scheme;
        let urlString = navigationAction.request.url?.absoluteString
        let method = navigationAction.request.httpMethod?.uppercased()
        if urlString?.hasPrefix(LocalScheme) == true && method == "GET"{
            debugPrint("LocalScheme:\(LocalScheme) ")
            return GloberRouter.sharedGloberRouter.routeFullUrlString(urlString!)
        }
        return false
    }

}

具体使用的Demon(持续更新中): Demon(持续更新中)

       

Cyning_MM
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Swift WKWebView
花爷爷的博客
02-05 1370
用于和Web混合开发
Swift WKWebView 示例代码
04-05
Swift WKWebView 示例代码
Swift Webview的简单使用
bkxf22621的博客
06-13 608
import UIKit import WebKit class MeHelpDetailController: UIViewController {@IBOutlet weak var webContainerView: UIView! var url = "http://www.mapway.online:8090/lvtu/web/help/make.html" var webView:...
swift之wkwebview的使用
代码解释生活
02-08 1569
import UIKitimport WebKitclass LYBBankaDetailVC: LYBBaseVC ,WKUIDelegate,WKNavigationDelegate{   var urlStr:String?   var titleStr:String?    override func viewDidLoad() {        super.viewDidLoad()na...
swift-WKWebView封装快速浏览网页
08-15
Encapsulate the WKWebView and quickly browse the web(WKWebView封装,快速浏览网页)
python学习笔记：字典的使用示例详解
01-21
经典字典使用函数dict：通过其他映射（比如其他字典）或者（键，值）这样的序列对建立字典。当然dict成为函数不是十分确切，它本质是一种类型。如同list。 复制代码 代码如下:items=[(‘name’,’zhang’),(‘age’,...
Swift学习笔记含项目代码.zip
最新发布
02-18
Swift学习笔记含项目代码.zipSwift学习笔记含项目代码.zipSwift学习笔记含项目代码.zipSwift学习笔记含项目代码.zipSwift学习笔记含项目代码.zipSwift学习笔记含项目代码.zipSwift学习笔记含项目代码.zipSwift学习...
Python学习笔记：7.3.2 注册
01-20
前言：本文是学习网易微专业的《python全栈工程师 – Django快速建站》课程的笔记，欢迎学习交流。同时感谢老师们的精彩传授！ 一、课程目标 实现用户注册功能 二、详情解读 2.1.用户注册 2.1.1.基本功能 填写注册...
MySQL学习笔记：高级联结（重要）
12-14
本文为本人学习书籍《MySQL必知必会》笔记系列，欢迎持续关注，有问题随时留言评论，一起探讨学习~ 16 高级联结 16.1 使用表别：可以缩短语句，单条SELECT多次使用相同表 SELECT p.Name AS p_name, c.Name AS c_...
SwiftNote:Swift学习笔记
06-05
11. **错误处理**：Swift使用try/catch语句进行错误处理，增强了程序的健壮性。 12. **GCD（Grand Central Dispatch）**：Swift内置了对并发编程的支持，GCD可以帮助开发者有效地管理多线程。 13. **SwiftUI**：...
swift-使用WKWebView的一个带下载的web浏览界面
08-15
使用WKWebView的一个带下载的web浏览界面
WKWebView实例
12-05
简单的WKWebView的开发实例，完整的加载使用销毁流程。
[Swift]WKWebView用法介绍
EIamor的博客
04-24 3023
WKWebView的优势： 1）WKWebview在性能、稳定性上和UIwebview相比 2）WKWebView更多的支持HTML5的特性 3）WKWebView更快，占用内存可能只有UIWebView的1/3 ~ 1/4 4）WKWebView高达60fps的滚动刷新率和丰富的内置手势(Built-in gestures) 5）WKWebView具有Safari相同的Java
Swift WKWebView详细解读
酸柠檬的博客
07-03 6873
github地址：https://github.com/LINGLemon/LXFSwiftApp 1.基本方法和属性 首先介绍下WKWebView的一些常用的方法和属性: 实际使用中,一般还要搭配使用到WKUIDelegate和WKNavigationDelegate中的一些方法。 下面分别介绍这两个代理中的一些方法: WKUIDelegate (1)WKWebView创建初始化加载的一些配置 func webView(webView: WKWebView, createWebViewWithC
Swift WKWebView(二)：iOS与js交互
kmonarch的博客
10-31 2796
在上一篇中我们介绍了Swift下WKWebView的基本使用方法，下面总结一下iOS与js交互的实现,最终的页面效果如下图所示： 其中，js有关代码如下： function navButtonAction(name,age){ document.getElementsByTagName('h1')[0].innerText = &quot;ios原生调用js方法改变h5...
Swift - WKWebView
iOS - Swift
01-09 645
WKWebView加载页面 import UIKit import WebKit class ViewController: UIViewController{ var webView : WKWebView! var loadType : UISegmentedControl! override func viewDidLoad() { super.vie...
Swift WKWebView(一)：基本使用
kmonarch的博客
10-30 4451
一、创建，我们可以在Viewcontroller中使用如下的懒加载的方式创建一个WKWebView 以及一个便于观察进度的进度条： // wkWebView lazy var wkWebView = WKWebView() // 进度条 lazy var progressView = UIProgressView() 随后我们可以在viewDidLoad实现方法，将...
WKWebView
github_37495310的博客
02-10 650
iOS8之后，苹果推出了WebKit这个框架，用来替换原有的UIWebView，新的控件优点多多，不一一叙述。由于一直在适配iOS7，就没有去替换，现在仍掉了iOS7，以为很简单的就替换过来了，然而在替换的过程中，却遇到了很多坑。WKWebView使用 WKWebView使用及注意点WKWebView只能用代码创建，而且自身就支持了右滑返回手势allowsBackForwardNavigationG
wkwebview 预览文件_GitHub - xlsd/SDWebView: 针对WKWebView进行的封装、支持和H5交互、通过属性获取cookie、H5图片预览、包括调用js方法，以及WKWe...
weixin_39687422的博客
01-12 210
Demo中包含两个组件，SDWebView 和 PhotoBrowser。SDWebView组件 是针对WKWebView进行的深度封装、支持和H5交互、包括调用js方法等。挺全面的，有不当之处，请多指教，微信：xue-zhi-yin-you-ni。PhotoBrowser组件 是早些时候我从耀源项目YYKit中抽离出来的图片浏览器，并做了类的重命名，防止和项目中继承YYKit的同学发生文件冲突，...
JavaEE深度学习笔记：从基础到进阶
"JavaEE学习笔记是一份详细记录作者续祥在学习Java和JavaEE过程中心得的文档，涵盖了从基础的Unix知识到Core Java，Java 5.0新特性（Tiger）...这份笔记是系统学习Java和相关技术的宝贵资源，尤其适合自学和复习使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值