WKWebView中evaluateJavaScript()仅首次生效问题排查求助

嘿，我之前也踩过这个坑！这种情况通常是几个常见原因导致的，咱们一步步来排查解决：

1. 调用时机不对：网页还没加载完就执行JS #

你现在是在loadHtml()里直接调用evaluateJavaScript()，但loadHTMLString是异步加载的——第一次可能刚好“撞大运”赶上网页加载完成，但后续调用时网页可能还没准备好，或者DOM结构还没渲染完毕。

解决办法：把JS调用放到WKNavigationDelegate的didFinishNavigation代理方法里，确保网页完全加载后再执行JS代码：

首先，初始化WebView时记得设置代理：

// 替换你原来的webView初始化代码
let config = WKWebViewConfiguration()
config.preferences.javaScriptEnabled = true // 确保JS功能是开启的
webView = WKWebView(frame: yourFrame, configuration: config)
webView.navigationDelegate = self // 设置导航代理

然后实现代理方法，在网页加载完成后执行JS：

extension YourViewController: WKNavigationDelegate {
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        // 这里才是安全的JS调用时机
        self.fetchAllSubscriptionTerms()
    }
    
    private func fetchAllSubscriptionTerms() {
        // 先获取oneWeek的值
        webView.evaluateJavaScript("document.getElementById('oneWeek').textContent") { [weak self] result, error in
            guard let self = self else { return }
            if let err = error {
                print("获取oneWeek失败：\(err.localizedDescription)")
                return
            }
            self.oneWeek = result as? String ?? "n/a"
            
            // 接着获取oneMonth
            self.webView.evaluateJavaScript("document.getElementById('oneMonth').textContent") { result, error in
                self.oneMonth = result as? String ?? "n/a"
                
                // 继续获取sixMonths、oneYear...
            }
        }
    }
}

2. JS代码依赖一次性状态，或DOM结构发生变化 #

如果你的HTML页面里的内容是动态渲染的，第一次获取后DOM元素可能被修改、隐藏或者销毁了，导致后续JS调用找不到目标元素。

解决办法：

• 检查你执行的JS代码是否稳定，比如确保目标元素的id或选择器不会变化
• 每次调用JS前，可以先执行一段检查代码，比如document.getElementById('oneWeek') ? '存在' : '不存在'，确认元素是否还在DOM中

3. 忽略了异步回调的错误信息 #

evaluateJavaScript是异步执行的，后续调用失败时如果没处理错误，你根本不知道哪里出问题了。

解决办法：一定要在completionHandler里处理错误，打印错误信息能帮你快速定位问题：

webView.evaluateJavaScript("yourJSCode") { result, error in
    if let error = error {
        print("JS执行错误：\(error)")
        return
    }
    // 处理成功返回的结果
}

4. WebView被意外释放或状态异常 #

如果你的WebView被提前释放，或者页面发生了跳转、重加载，后续的JS调用自然不会生效。

解决办法：

• 用[weak self]避免循环引用，同时确保WebView在需要执行JS时处于活跃状态
• 检查是否有其他代码触发了WebView的重加载或跳转，导致之前的页面上下文丢失

按照上面的方法调整后，应该就能解决evaluateJavaScript仅首次生效的问题啦！

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