Swift WKWebView

最新推荐文章于 2021-04-20 10:20:22 发布

花爷爷

最新推荐文章于 2021-04-20 10:20:22 发布

阅读量1.6k

点赞数

分类专栏： iOS 开发

本文链接：https://blog.csdn.net/qq_44864362/article/details/104188036

版权

本文详细介绍了如何在Swift中使用WKWebView，包括添加权限、导入、设置根视图、处理JS弹出框、添加加载指示器、生命周期函数、注入HTML和JavaScript、进度条实现、与前端交互以及截屏和Cookie管理等关键步骤。

摘要由CSDN通过智能技术生成

文章目录

准备
一些方法
设置JS的三个弹出框为iOS原生alert
添加小菊花
- 设置样式
- 小菊花的一生
六个生命周期函数
注入HTML
- 一小段
- .html文件
注入JavaScript
加载进度条(KVO)
和Web前段进行数据交互
截取WebView
处理Cookie

准备

添加权限

使得除了https的网站也能在iOS中运行起来
在这里插入图片描述

import

import WebKit

设置根视图

var webView: WKWebView!

override func loadView() {
   
    
    let config = WKWebViewConfiguration()
    
    webView = WKWebView(frame: .zero, configuration: config)
    webView.allowsBackForwardNavigationGestures = true
    webView.uiDelegate = self
    webView.navigationDelegate = self //就是LoadDelegate
    view = webView
}

override func viewDidLoad() {
   
    super.viewDidLoad()
    webView.load("https://www.google.com")
}

在另个WKWebView.swift里面

import UIKit
import WebKit

extension WKWebView {
   
    func load(_ string: String) {
   
        if let url = URL(string: string) {
   
            load(URLRequest(url: url))
        }
    }
}

一些方法

var webView: WKWebView!
//用于判断
webView.isLoading
webView.canGoBack
webView.canGoForward

//方法
webView.reload()
webView.reloadFromOrigin()
webView.stopLoading()
webView.goBack()
webView.goForward()

设置JS的三个弹出框为iOS原生alert

首先遵循协议

extension ViewController: WKUIDelegate {
   }

alert() 警告框

extension ViewController: WKUIDelegate {
   
	func webView(_ webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping () -> Void) {
   
	    let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert)
	    alert.addAction(UIAlertAction(title: "确定", style: .default, handler: {
    (_) in
	        completionHandler()
	    }))
	    present(alert, animated: true, completion: nil)
	}
}

confirm() 确认框

extension ViewController: WKUIDelegate {
   
	func webView(_ webView: WKWebView, runJavaScriptConfirmPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (Bool) -> Void) {