Swift中evaluateJavaScript调用异常求助：webView同步加载时失效怎么办？

嘿，我来帮你捋捋这个问题！你遇到的情况其实挺常见的，大概率是JavaScript注入的时机没卡准，或者WebView的基础配置没到位，咱们一步步来解决：

首先得确保你的WebView允许JavaScript执行，这是最容易被忽略的基础项：

• 如果用的是WKWebView，初始化时一定要在配置里开启JS权限：

let webConfig = WKWebViewConfiguration()
// 允许JS执行
webConfig.preferences.javaScriptEnabled = true
// 如果需要JS打开新窗口，也得开这个
webConfig.javaScriptCanOpenWindowsAutomatically = true

// 用这个配置创建WebView
let webView = WKWebView(frame: view.bounds, configuration: webConfig)
view.addSubview(webView)

要是你还在使用已被苹果弃用的UIWebView，记得同时确保JS权限开启。

你说用了didFinish还是不行，很大可能是这个方法触发时，页面的DOM还没完全就绪——比如页面有重定向、iframe加载，或者资源还在加载中。这里给你两个靠谱的方案：

1. 用WKUserScript提前注入（首推） #

如果你的JS需要在页面加载过程中就生效（比如修改页面样式、监听DOM事件），直接用WKUserScript注入，能精准控制执行时机：

// 你的JavaScript代码，比如给页面加个红色背景
let jsSource = """
document.body.style.backgroundColor = '#ffcccc';
// 这里写你的业务逻辑，比如绑定点击事件、修改DOM元素
"""

// 创建脚本，设置注入时机：.atDocumentEnd是DOM加载完成但资源未加载时执行，刚好适配大多数场景
let userScript = WKUserScript(
    source: jsSource,
    injectionTime: .atDocumentEnd,
    forMainFrameOnly: true // 只在主框架执行，避免影响iframe
)

// 把脚本添加到配置里
webConfig.userContentController.addUserScript(userScript)

// 再用这个配置初始化WebView

要是你需要更早执行JS（比如修改页面的head标签），就把injectionTime改成.atDocumentStart。

2. 在didFinish里等DOM完全就绪 #

如果一定要在didFinish里注入JS，别直接执行，先等DOMContentLoaded事件触发——这才是DOM真正准备好的信号：

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    let jsCode = """
    document.addEventListener('DOMContentLoaded', function() {
        // 这里写你的JS逻辑，确保DOM元素都已存在
        console.log('DOM完全就绪，开始执行JS');
        // 示例：给按钮绑定点击事件
        const btn = document.getElementById('submit-btn');
        if (btn) btn.addEventListener('click', () => alert('点击成功！'));
    });
    """
    
    // 执行JS，同时捕获错误方便排查
    webView.evaluateJavaScript(jsCode) { result, error in
        if let err = error {
            print("JS执行出错：\(err.localizedDescription)")
        }
    }
}

有时候页面会有302重定向，didFinish会触发多次——第一次是重定向的过渡页面，第二次才是你要的目标页面。这时候得先判断当前URL是不是目标页面，再执行JS：

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    guard let currentURL = webView.url, 
          currentURL.absoluteString == "你的目标页面完整URL" else {
        return
    }
    // 确认是目标页面后，再执行你的JS逻辑
    let targetJS = "你的业务代码..."
    webView.evaluateJavaScript(targetJS)
}

有时候不是注入时机的锅，而是你的JS代码有语法错误，或者依赖的DOM元素还没渲染出来。这时候可以用Safari调试工具查错：

1. 打开Safari偏好设置 → 高级 → 勾选「显示开发菜单」
2. 连接你的设备/打开模拟器，在Safari的「开发」菜单里找到你的APP，选择对应的WebView
3. 打开控制台，就能看到JS的报错信息，针对性修复就行

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