当前位置: 首页> 汽车> 车展 > IOS使用WebView内嵌H5页面,使用a标签点击跳转无效问题解决

IOS使用WebView内嵌H5页面,使用a标签点击跳转无效问题解决

时间:2025/7/12 8:54:24来源:https://blog.csdn.net/lizhi1030/article/details/140991919 浏览次数: 0次

在使用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标签添加点击事件,如:

<a @click="jumpToUrl" target="_blank"  />jumpToUrl(){window.location.href = this.url
}

解决方案03:

// 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];// 以下是去浏览器中打开URLNSURL *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:

- (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];// 以下是去浏览器中打开URLNSURL *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);
}
关键字:IOS使用WebView内嵌H5页面,使用a标签点击跳转无效问题解决

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: