当前位置:   article > 正文

UIWebView的JSContext失效_xcode14.3 uiwebview+ts_javascriptcontext没用

xcode14.3 uiwebview+ts_javascriptcontext没用

虽然我们现在的IOS工程已经不需要兼容ios7了,但是我们仍然使用的是UIWebView,其实我内心是有点芥蒂。总觉得不换WKWebView不舒服

先说说遇到的问题吧,问题很常见,网上大部分同学都遇到了。但是没有一个完美的解决方案,这个应该是系统上的设计bug吧。我们前端利用js调用ios客户端的API,ios注册前端接口。但是页面跳转之后,JSContext发生了变化,于是再次利用JSContext setObject注册API的时候,前端的js接口已经调用了,此时前端就会报找不到对象的错误。

问题的原因很清晰,但是却不好解决,先来分析下UIWebViewDelegate的代理方法

public protocol UIWebViewDelegate : NSObjectProtocol {

    
    @available(iOS 2.0, *)
    optional public func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool

    @available(iOS 2.0, *)
    optional public func webViewDidStartLoad(_ webView: UIWebView)

    @available(iOS 2.0, *)
    optional public func webViewDidFinishLoad(_ webView: UIWebView)

    @available(iOS 2.0, *)
    optional public func webView(_ webView: UIWebView, didFailLoadWithError error: Error)
}

先来分析下4个API的回调时机

webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool
这个API是开始加载对应的链接

webViewDidStartLoad
shouldStartLoadWith返回true则回调

webViewDidFinishLoad
页面加载完毕回调,准确来说是当web触发window.onload之后客户端回调

didFailLoadWithError
页面加载出错回调

弄明白了4个API的回调时机,那么结合原因开始改代码。当页面刷新或者跳转新页面,shouldStartLoadWith与webViewDidStartLoad获取的均为上一个页面的JSContext。而webviewDisFinishLoad触发的时候,获取虽然是正确的JSContext,但是此时页面已经加载完毕,js方法已经调用完了,获取到正确的值也没用了

那怎么办呢?

JSContext是IOS的wenview解析script标签生成的对象,如果加载页面的时候,通过webView.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as? JSContext得到JSContext,那么再次解析script的时候就不会再重新生成。所以,我们的hack方式如下

  1. func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool{
  2. if self.jsContext != nil && shouldIntercept{
  3. self.webView.stopLoading()
  4. self.webView.removeFromSuperview()
  5. self.webView = nil
  6. self.webView = UIWebView(frame: CGRect(x: 0, y: 64, width: self.view.width, height: self.view.height-64))
  7. self.webView.delegate = self
  8. self.view.addSubview(self.webView)
  9. self.webView.loadRequest(request)
  10. if let interGesture = self.navigationController?.interactivePopGestureRecognizer {
  11. self.webView.scrollView.panGestureRecognizer.require(toFail: interGesture)
  12. }
  13. self.jsContext = webView.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as? JSContext
  14. self.jsContext?.setObject(self.webviewModel, forKeyedSubscript: "kdspNative" as (NSCopying & NSObjectProtocol)!)
  15. shouldIntercept = false;
  16. return false
  17. }
  18. self.jsContext = webView.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as? JSContext
  19. self.jsContext?.setObject(self.webviewModel, forKeyedSubscript: "JSObject" as (NSCopying & NSObjectProtocol)!)
  20. return true
  21. }
每次加载链接的时候判断JSContext,如果不为空那么重新创建一个webview,同时删掉老的webview,这样新的webview获取JSContext的时候不会获取到老的,那么正确的JSContext就能正确设置JS对象。

经过试验,此种方案完美解决了时效性问题,但是内心仍然觉得这并不是一个好方法,现在想着还是觉得可能客户端发送一个JS信号给前端会更好

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/223871?site
推荐阅读
相关标签
  

闽ICP备14008679号