Swift 3 - 检查 WKWebView 是否已加载页面

使用 Swift 3 检查 WKWebView 是否已加载页面

在开发 iOS 应用程序时，我们经常需要使用 WebView 来加载网页内容。WKWebView 是 iOS 8 及更高版本中引入的一种现代化的 WebView 组件，其提供了更快速和高效的加载性能。在某些情况下，我们可能需要检查 WKWebView 是否已加载页面，以便在页面加载完成后执行特定的操作。本文将介绍如何使用 Swift 3 来实现这一功能。

步骤 1: 创建 WKWebView 实例

首先，我们需要在我们的应用程序中创建一个 WKWebView 实例。可以在视图控制器的 viewDidLoad 方法中添加以下代码来创建和配置 WKWebView：

swift
import UIKit
import WebKit
class ViewController: UIViewController, WKNavigationDelegate {
    
    var webView: WKWebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let webConfiguration = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: webConfiguration)
        webView.navigationDelegate = self
        view = webView
        
        let url = URL(string: "https://www.example.com")
        let request = URLRequest(url: url!)
        webView.load(request)
    }
    
    // ... 其他视图控制器方法 ...
}

在上述代码中，我们创建了一个 WKWebView 实例，并将其设置为视图控制器的主视图。然后，我们加载了一个特定的网页内容。

步骤 2: 实现 WKNavigationDelegate

接下来，我们需要实现 WKNavigationDelegate 协议中的方法，以便在页面加载完成后收到通知。在视图控制器中添加以下代码：

swift
extension ViewController {
    
    // 页面开始加载时调用
    func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
        print("页面开始加载")
    }
    
    // 页面加载完成时调用
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        print("页面加载完成")
        
        // 在这里执行页面加载完成后的操作
        // 比如显示其他 UI 元素、执行 JavaScript 代码等
    }
    
    // 页面加载失败时调用
    func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
        print("页面加载失败: \(error.localizedDescription)")
    }
    
    // ... 其他 WKNavigationDelegate 方法 ...
}

在上述代码中，我们实现了三个 WKNavigationDelegate 方法：webView(_:didStartProvisionalNavigation:)、webView(_:didFinish:) 和 webView(_:didFail:withError:)。在这些方法中，我们可以根据需要执行相应的操作，比如打印日志、显示其他 UI 元素、执行 JavaScript 代码等。

步骤 3: 检查页面加载状态

现在，我们可以使用一个布尔变量来追踪页面加载状态。在视图控制器中添加以下代码：

swift
extension ViewController {
    
    var isPageLoaded: Bool {
        return webView.isLoading == false
    }
    
    func checkPageLoaded() {
        if isPageLoaded {
            print("页面已加载")
            
            // 在这里执行页面加载完成后的操作
            // 比如显示其他 UI 元素、执行 JavaScript 代码等
        } else {
            print("页面未加载")
        }
    }
}

在上述代码中，我们定义了一个计算属性 isPageLoaded，该属性返回一个布尔值，表示页面是否已加载完成。然后，我们创建了一个名为 checkPageLoaded 的方法，该方法根据页面加载状态来执行相应的操作。

使用案例

下面是一个使用上述代码的简单示例：

swift
import UIKit
import WebKit
class ViewController: UIViewController, WKNavigationDelegate {
    
    var webView: WKWebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let webConfiguration = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: webConfiguration)
        webView.navigationDelegate = self
        view = webView
        
        let url = URL(string: "https://www.example.com")
        let request = URLRequest(url: url!)
        webView.load(request)
        
        checkPageLoaded()
    }
    
    extension ViewController {
        
        // 页面开始加载时调用
        func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
            print("页面开始加载")
        }
        
        // 页面加载完成时调用
        func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
            print("页面加载完成")
            
            // 在这里执行页面加载完成后的操作
            // 比如显示其他 UI 元素、执行 JavaScript 代码等
        }
        
        // 页面加载失败时调用
        func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
            print("页面加载失败: \(error.localizedDescription)")
        }
        
        var isPageLoaded: Bool {
            return webView.isLoading == false
        }
        
        func checkPageLoaded() {
            if isPageLoaded {
                print("页面已加载")
                
                // 在这里执行页面加载完成后的操作
                // 比如显示其他 UI 元素、执行 JavaScript 代码等
            } else {
                print("页面未加载")
            }
        }
    }
}

在上述示例中，我们在视图控制器的 viewDidLoad 方法中调用了 checkPageLoaded 方法来检查页面加载状态。根据打印输出，我们可以了解页面是否已加载完成，并在加载完成后执行相应的操作。

通过以上步骤，我们可以使用 Swift 3 来检查 WKWebView 是否已加载页面。这对于在页面加载完成后执行特定操作非常有用，比如显示其他 UI 元素、执行 JavaScript 代码等。希望本文对你在使用 WKWebView 进行开发时有所帮助！

上一篇：Swift 3 - 如何让计时器在后台工作下一篇：Swift 3 - 设备令牌现在被解析为“32BYTES”

=

Swift 中 UICollectionView 的单元格 registerClass: 　　　　在 Swift 中，UICollectionView 是一种非常常用的视图控件，它被用于展示一系列的单元格。如果我们想要在 UICollectionView 中使用自定义的单元格，就需要使用 registerCla...... ...
Swift 中 UIButton 的圆顶角: 　　　　使用Swift中的UIButton，我们可以轻松地为按钮添加圆角。圆角使按钮看起来更加现代和吸引人，并增加了用户与应用程序进行交互的兴趣。在本文中，我们将学习如何在Swift中使...... ...
Swift 中 struct static func 与 class static func 之间的区别: 　　　　Swift 中的 struct 和 class 是两种不同的数据类型，它们在定义和使用上有一些区别。在 Swift 中，我们可以在 struct 和 class 中定义 static func，用于在结构体或类的范围...... ...
Swift 中 SKAction 中的 PerformSelector 的替代方法: 　　　　Swift中SKAction中PerformSelector的替代方法在Swift中，SKAction是SpriteKit框架的一部分，用于创建和执行动作。SKAction中的PerformSelector方法允许我们在动作执行期间调...... ...
WPF ListView 每行都有按钮: 　　　　使用 WPF ListView 控件可以方便地实现每行都有按钮的功能。ListView 是一种常见的数据展示控件，可以用于展示列表数据，并且可以自定义每行的样式和内容。在 WPF 中，我们...... ...
WPF ListView 显示所选项目: 　　　　使用WPF ListView控件可以方便地显示所选项目。ListView是WPF中功能强大的数据显示控件之一，可以用于以列表形式展示数据，并且可以自定义每个列表项的外观和行为。在本文中...... ...
Wpf ListView 是否可以按与组标题不同的方式对组项目进行排序: 　　　　：WPF ListView是一种常见的用户界面控件，通常用于显示和编辑项目的集合。它支持对项目进行排序，以便用户可以按照特定的顺序查看和访问项目。然而，有时候我们希望对组项...... ...
WPF ListView 性能非常慢 - 为什么（ElementHost，还是其他原因）: 　　　　WPF ListView 性能非常慢 - 为什么？（ElementHost，还是其他原因？）WPF（Windows Presentation Foundation）提供了强大而灵活的用户界面开发工具，但在某些情况下，特别...... ...
swift 中 pch 的替代品是什么: 　　　　在Swift编程语言中，pch文件是一种预编译头文件，用于预先编译一些常用的头文件，以提高编译速度。然而，在较新的版本的Xcode和Swift中，pch文件已经被废弃，不再被使用。那...... ...
swift 中 padding 修饰符的默认值是多少: 　　　　Swift中的padding修饰符是一种用于调整视图边距的属性。它可以用于SwiftUI中的视图布局，用于控制视图在其容器中的位置和大小。padding修饰符的默认值是8个点（8pt），这意...... ...
Swift 中 Objective-C typedef 枚举的相等性: 　　　　使用 Swift 开发 iOS 应用的开发者都知道，Objective-C 是一门强大的编程语言，而在 Swift 中，我们可以直接使用 Objective-C 的代码。在 Objective-C 中，我们经常会使用 ...... ...
Swift 中 NSFetchRequest 的多个 NSPredicates: 　　　　使用Swift编程语言进行数据检索是一项非常重要的任务。在Swift中，我们可以使用NSFetchRequest来执行数据检索操作。NSFetchRequest是一个用于检索Core Data中对象的类。在实...... ...
WPF ListView 对列单击进行排序: 　　　　使用WPF ListView控件实现对列单击进行排序是一种常见的需求。通过对ListView的列头进行单击事件的处理，我们可以实现根据不同列的值对列表进行升序或降序排序。本文将介绍...... ...
WPF ListView 如果高度设置为自动则没有滚动条: 　　　　WPF ListView 控件是一种非常常用的界面元素，用于显示和管理大量数据。在使用 ListView 控件时，我们经常需要设置 ListView 的高度以适应不同的布局需求。然而，有时候我们...... ...
WPF ListView 在内部布局面板周围有一个一像素边框。我该如何摆脱它: 　　　　如何去除WPF ListView内部布局面板周围的一像素边框在WPF中，ListView是一个非常常用的控件，用于在用户界面中显示数据项的集合。然而，在默认情况下，ListView内部布局面板...... ...