关于WKWebView返回上一页白屏问题的解决

2,319 阅读1分钟

问题场景:在使用WKWebView时,活动A --->活动B,然后从活动B返回--->活动A,此时活动A页面空白或者只有加载框。而安卓那边则不会。

排查时发现:活动A是根据JS调用判定来执行后续UI选择,但是当iOS从活动B返回到活动A时,webView不重新加载ready活动A,导致webView页面空白。安卓跟iOS之所以不同,是因为安卓webView的机制与iOS 不同,安卓在返回时会重新加载ready。

解决方案:在进入活动A的js后(前端代码执行)

$(function () { 
  var isPageHide = false; 
  window.addEventListener('pageshow', function () { 
    if (isPageHide) { 
      window.location.reload(); 
    } 
  }); 
  window.addEventListener('pagehide', function () { 
    isPageHide = true; 
  }); 
}) 

问题就迎刃而解了。