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

Question

上周我遇到了 WKWebView 的问题。

我的任务是呈现一个横幅，该横幅作为包含脚本 (javascript) 的链接发送给我。

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

在 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. 如何让 WKWebView 在打开一个新网站时对横幅上的点击做出反应，就像 Chrome 或 UIWebView 那样？
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 个解决方案

解决方案1
0 2021-05-18 14:32:30

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

问题描述

1 个解决方案

解决方案1 0 2021-05-18 14:32:30

解决方案1
0 2021-05-18 14:32:30