在使用WKWebView加载H5时,给文字添加超链接,使其可以点击跳转到某个地址。发现在 IOS 的app内,a标签点击跳转没有作用,无法跳转到正确地址,decidePolicyForNavigationAction也无法抓取到点击事件。但安卓是可以正常跳转。
iOS的用户长按链接也是可以打开链接的,不过是打开了个菜单,可以跳转到了浏览器。
WKWebView 加载完链接后点击内部链接无法跳转,是因为<a href = "xxx" target = "_black">
中的target = "_black"
是打开新的页面,所以无法在当前页面打开,需要在当前页重新加载url。
a 超连接中target:
- _blank -- 在新窗口中打开链接
- _parent -- 在父窗体中打开链接
- _self -- 在当前窗体打开链接,此为默认值
- _top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
解决方案01:
将a标签中的target="_blank"
删除,或改为target="_self"
解决方案02:
给a标签添加点击事件,如:
html
<a @click="jumpToUrl" target="_blank" />
jumpToUrl(){
window.location.href = this.url
}
解决方案03:
objectivec
// WKWebView调用window.open(url, "_blank");没有反应的问题
- (WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(nonnull WKWebViewConfiguration *)configuration forNavigationAction:(nonnull WKNavigationAction *)navigationAction windowFeatures:(nonnull WKWindowFeatures *)windowFeatures {
if (!navigationAction.targetFrame.isMainFrame) {
// 这里是直接跳转
// [webView loadRequest:navigationAction.request];
// 以下是去浏览器中打开URL
NSURL *url = navigationAction.request.URL;
if (url) {
// iOS 10及以后版本使用此方法
UIApplication *application = [UIApplication sharedApplication];
[application openURL:url options:@{} completionHandler:^(BOOL success) {
if (success) {
// URL成功打开
NSLog(@"URL opened successfully");
} else {
// URL打开失败,可能是URL无效或应用没有权限
NSLog(@"Failed to open URL");
}
}];
} else {
// URL字符串无效
NSLog(@"Invalid URL string");
}
}
return nil;
}
解决方案04:
objectivec
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler
{
if (@available(iOS 11.0, *)) {
WKHTTPCookieStore *cookieStore = webView.configuration.websiteDataStore.httpCookieStore;
//get cookies
// [cookieStore getAllCookies:^(NSArray<NSHTTPCookie *> * _Nonnull cookies) {
NSArray *cookies = [[NSHTTPCookieStorage sharedHTTPCookieStorage] cookies];
for (id cookie in cookies) {
[cookieStore setCookie:(NSHTTPCookie *)cookie completionHandler:nil];
}
// }];
} else {
// Fallback on earlier versions
}
//如果是跳转一个新页面
if (navigationAction.targetFrame == nil) {
// 这里是直接跳转
// [webView loadRequest:navigationAction.request];
// 以下是去浏览器中打开URL
NSURL *url = navigationAction.request.URL;
if (url) {
// iOS 10及以后版本使用此方法
UIApplication *application = [UIApplication sharedApplication];
[application openURL:url options:@{} completionHandler:^(BOOL success) {
if (success) {
// URL成功打开
NSLog(@"URL opened successfully");
} else {
// URL打开失败,可能是URL无效或应用没有权限
NSLog(@"Failed to open URL");
}
}];
} else {
// URL字符串无效
NSLog(@"Invalid URL string");
}
}
decisionHandler(WKNavigationActionPolicyAllow);
}