Question

上周我遇到了WKWebView问题。

我的任务是渲染横幅，该横幅作为包含脚本（javascript）的链接发送给我。

我在浏览器（chrome）中测试了代码，一切正常。它显示正确，并通过打开一个新网站（罗马尼亚vodafone网站）来响应我的点击。

已测试UIWebView中的代码。它显示正确，并通过打开一个新网站来响应我的点击。这里唯一的问题是，如果我单击它，则委托回调

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

使用UIWebViewNavigationTypeOther而不是我期望的UIWebViewNavigationTypeLinkClicked来响应。

当我在WKWebView中对其进行测试时，我听说UIWebView将在iOS 12中弃用，只是可见横幅的框架。我了解到，加载HTML字符串时必须传递baseURL，因为脚本需要引用：

NSURL* baseURL = [NSURL fileURLWithPath:NSTemporaryDirectory()];  
[self.webView loadHTMLString:displayHTML baseURL:baseURL];

因此横幅现在可以正确显示，但对点击完全没有反应。它不会像在浏览器或UIWebView中那样打开新网站。
回调

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler

在横幅广告加载之前/期间，最初会被调用几次，但是如果我单击横幅广告，则不会再调用它，就像通常对我的横幅广告一样。

因此，这是横幅的HTML。我做了一些调整以满足我的视觉需求：

<html><head><meta name='viewport' content='initial-scale=1.0 user-scalable=no'><style>body {margin:0; padding:0;}</style></head><body><div style="display:flex;align-items:center;height:100%;justify-content:center;"><script type="text/javascript">
      rubicon_cb = Math.random(); rubicon_rurl = document.referrer; if(top.location==document.location){rubicon_rurl = document.location;} rubicon_rurl = escape(rubicon_rurl);
      window.rubicon_ad = "3791706" + "." + "js";
      window.rubicon_creative = "4044326" + "." + "js";
    </script>
<div data-rp-type="trp-display-creative" data-rp-impression-id="f09f735f-2db6-4677-bc64-2b80d451a290"><div style="width: 0; height: 0; overflow: hidden;"><img border="0" width="1" height="1" src="http://beacon-eu-ams3.rubiconproject.com/beacon/d/f09f735f-2db6-4677-bc64-2b80d451a290?oo=0&accountId=17430&siteId=169868&zoneId=818862&sizeId=67&e=6A1E40E384DA563B28B0B06C6D1183C2FA763FA5D91CB8A8A8B54C16031856825AA6F7B7A9E82EEDBED373B9F464F8B8C1EBE65E7377AC8DC35C8ED1F4E9551DA6D708C9FC571E6367FB59E688C57D0C37971816704066127FA46CD2A2EEB5352DF666B7E491F6D5EFF5C7CFD889081A9D6EE7558D6A842EA8D5522938A900F9A297B4BA53400D207EB9007C3FCC2BFC7E625848872D964AFC3BE8685EBA97EB13CC5F7EED8F0DBFD355BC846AF674595F8D0E597F1944BC6F52CA272C1DFBDD497A12E85F2B705143E9A407AF5D2E15" alt="" /></div>


<script type='text/javascript' src='http://track.adform.net/adfscript/?bn=23642762;rtbwp=0FE450112ED5343B;rtbdata=KJxCPgB7xRv_-g_FTwwHdJBx9UNuZfHmHihwlwcvnsIIIMur8HpBf6znV-RRXpnrUJSmZRGZj1X8draI56UzVxylUSkRLExBRaQQsK91g3mxJIoeVkC04QnIz5H-_QFGi1jNITEiz0obDKNaIZr13h5c12erP2BlZpyoToCUfkVqeX-EWiytwu7-gGsbFAkEop9UBofZXJqtjqM6J_oGULxo38C9RWsKq8ejeN5azUB_lD_IfjoPwPDyw_dJafnq4UFuhV40q881;OOBClickTrack=http://beacon-nf.rubiconproject.com/beacon/v2/t/0/f09f735f-2db6-4677-bc64-2b80d451a290/'></script>
<div style="height:0px;width:0px;overflow:hidden"><iframe src="https://eus.rubiconproject.com/usync.html?&geo=eu&co=de" frameborder="0" marginwidth="0" marginheight="0" scrolling="NO" width="0" height="0" style="height:0px;width:0px"></iframe></div></div>

</div></body></html>

我不知道为什么这段代码会引发错误，但是在浏览器中可以正常工作。

所以我的问题是：
1.如何通过打开新网站（例如Chrome或UIWebView）使WKWebView对横幅上的单击做出反应？
2.如何检查是否有人在WKWebView中单击此横幅？

Answer 1

我在使用 Adform 广告时遇到了同样的问题。核心问题与 target="_blank" 或从 JS 做类似的事情有关（Adform JS 尝试在新标签中打开 url）。

解决方案最初发布在此处：https://stackoverflow.com/a/25853806/2124345

实现 WKUIDelegate 委托并将其设置为 _webview.uiDelegate。然后执行

- (WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration forNavigationAction:(WKNavigationAction *)navigationAction windowFeatures:(WKWindowFeatures *)windowFeatures
{
  // to handle inside wkwebview
  // if (!navigationAction.targetFrame.isMainFrame) {
  //   [webView loadRequest:navigationAction.request];
  // }

  // to open safari:
  [[UIApplication sharedApplication] openURL:navigationAction.request.URL  options:@{} completionHandler:nil];

  return nil;
}

注意 uiDelegate != 委托。这是两种不同的协议。

WKWebView对UIWebView不会对点击做出反应

1 个答案: