iOS14中WKWebView evaluateJavaScript提交表单不触发导航代理问题求助

嘿，这个iOS14 beta里WKWebView的表单提交问题确实挺闹心的，我来分享几个除了直接把表单加到DOM之外的思路，看看能不能帮到你：

既然你的需求是提交POST请求并触发decidePolicyFor代理，完全可以跳过JS表单这一步，直接用WKWebView的load(_ request: URLRequest)方法发起请求。这种方式不受DOM操作的限制，肯定会触发代理方法，逻辑也更可控：

override func viewDidLoad() {
    super.viewDidLoad()
    webView.navigationDelegate = self
    
    // 构造POST请求
    guard let targetUrl = URL(string: "https://www.example.com/") else { return }
    var postRequest = URLRequest(url: targetUrl)
    postRequest.httpMethod = "POST"
    
    // 构造表单数据（模拟原JS里的隐藏字段）
    let formData = "Name=NameValue".data(using: .utf8)
    postRequest.httpBody = formData
    
    // 设置表单提交的Content-Type
    postRequest.setValue("application/x-www-form-urlencoded", forHTTPHeaderField: "Content-Type")
    
    webView.load(postRequest)
}

这样一来，完全不需要依赖JS的DOM操作，从根源上避开了iOS14的行为变化，而且原生代码的可维护性也更强。

如果必须保留JS表单提交的逻辑，可以把表单放到一个隐藏的临时容器里，提交完成后再移除，避免污染页面DOM结构：

var tempContainer = document.createElement('div');
tempContainer.style.display = 'none'; // 隐藏容器，不影响页面

var form = document.createElement('form');
form.method = 'POST';
form.action = 'https://www.example.com/';

var input = document.createElement('input');
input.type = 'hidden';
input.name = 'Name';
input.value = 'NameValue';

form.appendChild(input);
tempContainer.appendChild(form);
document.body.appendChild(tempContainer);

form.submit();

// 提交后延迟移除容器，确保请求已经发出
setTimeout(() => {
    document.body.removeChild(tempContainer);
}, 100);

这个方案本质还是依赖“表单必须在DOM中才能触发代理”的规则，但通过隐藏容器和自动清理，比直接加到body更优雅。

你原来的代码是在viewDidLoad里直接执行JS，可能页面的DOM还没完全初始化完成。iOS14对这种未完全就绪的DOM操作可能有更严格的限制，可以把JS执行时机延后到页面加载完成后：

override func viewDidLoad() {
    super.viewDidLoad()
    webView.navigationDelegate = self
    // 先加载空白页面确保DOM就绪
    webView.load(URLRequest(url: URL(string: "about:blank")!))
}

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    // 页面加载完成后再执行表单提交JS
    webView.evaluateJavaScript(javascriptForExecution()) { (result, error) in
        if error != nil {
            print("Javascript execuption failed: \(error.debugDescription)")
        }
    }
}

有时候提前执行JS会导致DOM操作的预期行为在不同iOS版本中不一致，延后执行可能会解决这个问题。

试试用WKUserScript来注入表单提交的JS，而不是evaluateJavaScript。这种方式的注入时机更可控，可能会触发iOS14的代理逻辑：

override func viewDidLoad() {
    super.viewDidLoad()
    
    let config = WKWebViewConfiguration()
    let scriptSource = javascriptForExecution()
    // 选择在文档加载完成后注入脚本
    let userScript = WKUserScript(source: scriptSource, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
    config.userContentController.addUserScript(userScript)
    
    // 用配置初始化WebView
    webView = WKWebView(frame: view.bounds, configuration: config)
    webView.navigationDelegate = self
    view.addSubview(webView)
    
    // 加载空白页面触发脚本注入
    webView.load(URLRequest(url: URL(string: "about:blank")!))
}

WKUserScript的注入逻辑和evaluateJavaScript不同，可能能绕过iOS14对动态表单的限制。

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