WKWebView加载网页异常：使用WKWebView加载网站内容出现白屏

嘿，我帮你分析下这个白屏问题，结合你的代码来看，可能有几个关键点需要调整：

可能的原因&解决方案 #

• 生命周期方法选择问题
  你现在在viewWillAppear里加载请求，但这个方法会在视图每次出现时触发（比如从其他页面返回），而且有时候WKWebView可能还没完成初始化就被调用加载了。建议把加载逻辑移到viewDidLoad里，这个方法只会在视图控制器初始化完成后调用一次，更适合初始化webView的加载操作。

• 缺少错误监听，无法定位问题
  没有设置WKWebView的导航代理，就算加载出错你也看不到错误信息。给webView设置代理，实现代理方法可以帮你排查到底是网络问题、权限问题还是其他加载错误。

• WebView约束问题
  别忘了检查你的webViewIBOutlet是否正确关联，以及它的Auto Layout约束是否设置到位（比如上下左右都和父视图绑定），如果约束不对，webView可能被挤到看不见的地方，看起来像白屏。

修改后的示例代码 #

import UIKit
import WebKit

class ViewController: UIViewController, WKNavigationDelegate { // 遵守导航代理协议
    @IBOutlet weak var webView: WKWebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        webView.navigationDelegate = self // 设置代理
        loadTargetURL()
    }
    
    private func loadTargetURL() {
        guard let url = URL(string: "https://www.apple.com") else {
            print("URL格式错误")
            return
        }
        let request = URLRequest(url: url)
        webView.load(request)
    }
    
    // 监听加载失败的代理方法
    func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
        print("网页加载失败：\(error.localizedDescription)")
    }
    
    // 监听页面开始加载的方法（可选，用来确认加载是否触发）
    func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
        print("开始加载网页")
    }
}

额外检查项 #

• 确认设备/模拟器有正常的网络连接，有时候网络问题也会导致白屏。
• 虽然苹果官网是HTTPS，但如果你的项目有特殊的ATS配置，可检查Info.plist里的NSAppTransportSecurity设置，确保没有阻止HTTPS请求。

内容的提问来源于stack exchange，提问作者Ahmed