WKWebView加载Angular网站时重定向功能无响应问题求助

我来帮你排查下这个重定向没触发的问题，大概率是Angular侧的跳转逻辑和WKWebView的适配细节出了问题，咱们一步步拆解解决：

一、先确认Angular侧的redirect函数是否正确触发了原生跳转 #

Angular是单页应用，默认用客户端路由，如果你自定义的redirect函数没有调用浏览器原生跳转API，就无法触发WKWebView的页面导航。

错误示例（仅适用于Angular内部路由） #

如果你的redirect是这样写的，对于静态HTML文件（比如../landing/index.html）完全无效：

$scope.redirect = function(url) {
  // 这只会在Angular SPA路由里跳转，不会触发浏览器页面刷新
  $location.path(url);
}

正确写法（触发原生浏览器跳转） #

改成调用window.location.href来触发真实的页面跳转：

$scope.redirect = function(url) {
  // 直接触发浏览器级别的页面跳转，WKWebView能捕获到这个请求
  window.location.href = url;
}

同时记得验证../landing/index.html这个路径的正确性——在桌面浏览器里直接访问该路径，确认能正常打开目标页面，排除路径拼写错误的问题。

二、检查WKWebView的配置与视图层级 #

你的WKWebView配置基本没问题，但有两个容易忽略的细节：

1. 确保WebView被添加到视图层级
   在viewDidLoad的最后，一定要把WebView添加到当前视图里，否则即使逻辑正确也看不到效果：

override func viewDidLoad() {
    let preferences = WKPreferences()
    preferences.javaScriptEnabled = true
    preferences.javaScriptCanOpenWindowsAutomatically = true
    let configuration = WKWebViewConfiguration()
    configuration.preferences = preferences
    configuration.allowsInlineMediaPlayback = true
    WebView = WKWebView(frame: view.bounds, configuration: configuration)
    WebView.navigationDelegate = self
    
    // 关键：把WebView添加到视图
    view.addSubview(WebView)
    // 如果用AutoLayout，记得添加约束
    WebView.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
        WebView.topAnchor.constraint(equalTo: view.topAnchor),
        WebView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        WebView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
        WebView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
    ])
}

2. 调试跳转请求是否被捕获
   在decidePolicyFor代理方法里加日志，确认WKWebView是否收到了跳转请求：

func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
    print("收到跳转请求：\(navigationAction.request.url?.absoluteString ?? "无URL")")
    decisionHandler(.allow)
}

如果日志里看不到../landing/index.html的URL，说明Angular侧的点击事件根本没触发跳转请求，重点排查Angular的代码；如果能看到URL，再验证该URL是否能正常访问。

三、额外注意点（针对本地HTML文件） #

如果你的Angular网站是打包在App Bundle里的本地文件，要确保../landing/index.html的路径在Bundle中存在，并且加载WebView时用的是fileURLWithPath格式的本地URL，而不是HTTP URL。

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