开发中遇到window.open造成的webview白屏问题

在一个H5嵌套项目中遇到这样一个问题,当我点击H5页面的某个按钮时,webview页面直接白屏了,开始我怀疑自己的代码是不是由于疏漏移除了WebView,当我用Safari打开调试模式发现,webView存在,内容变成了about:blank,由于我对H5不是很了解,所以请教了H5的开发,那边说就是正常的链接打开,并说在调试工具里面正常,尼玛~~~~。后来我直接在Safari打开H5页面,确实能正常显示,但是每次会在web页面打开一个新的tab,即新的窗口。这时我再问H5的开发同学,他才告诉我用的window.open方式打开的一个新的跳转链接,@#¥&%(##)。。。。于是原因找到了。进入正题,window.open,window.close在iOS中怎么去处理???

1、UIWebView处理方式

重写全局函数window.open 和 window.close.

NSString *js = @"window.open = function(url, d1, d2) { window.location = \"open://\" + url;}";

[webView stringByEvaluatingJavaScriptFromString:js];
NSString *js = @"window.close = function() {window.location.assign(\"back://\" + window.location);};";

[webView stringByEvaluatingJavaScriptFromString:js];

然后自己去实现open://  和 back:// 就可以了

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    
    NSString *requestURL = request.URL.absoluteString;
    if ([requestURL hasPrefix:@"open://"]) {
        //打开的处理
    } else if ([requestURL hasPrefix:@"back://"]) {
        //返回的处理
    }
}

2、WKWebView处理方式

在WK中,框架已经将这个问题简单化了,通过代理的方式告诉我们了,我们只需要在协议的实现中处理即可。

- (nullable WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration forNavigationAction:(WKNavigationAction *)navigationAction windowFeatures:(WKWindowFeatures *)windowFeatures {

    //navigationAction 里面能得到链接、frame等信息,重点处理
    //如果不想跳转到新的窗口
    return nil; 
    //如果需要跳转新的窗口,重新实例化一个webview并将新的WebView返回即可。下面是伪代码,具体实现自己处理
    return [WKWebView new];
}

 

你可能感兴趣的:(iOS)