在 iOS 中，使用 WebView 嵌入 H5 页面时，可能会遇到点击 <a> 标签跳转无效的问题。这个问题通常是由于 iOS WebView 的默认行为或配置导致的，特别是在使用 UIWebView 或 WKWebView 时。以下是几种解决方法，可以帮助解决这个问题。
1. 使用 WKWebView 替代 UIWebView
首先，确保你使用的是 WKWebView，因为 UIWebView 在 iOS 12 之后已经被弃用，并且性能较差。WKWebView 提供更好的性能和更稳定的支持。
替换 UIWebView 为 WKWebView：
import WebKit
// 创建 WKWebView
var webView: WKWebView!
override func viewDidLoad() {
super.viewDidLoad()
let webViewConfiguration = WKWebViewConfiguration()
webView = WKWebView(frame: self.view.bounds, configuration: webViewConfiguration)
self.view.addSubview(webView)
// 加载 H5 页面
if let url = URL(string: "https://www.example.com") {
let request = URLRequest(url: url)
webView.load(request)
}
}
2. 确保 WebView 配置正确，处理跳转
在 WKWebView 中，需要通过委托来处理 <a> 标签点击事件，以确保跳转行为正常。具体来说，可以通过实现 WKNavigationDelegate 中的 decidePolicyFor 方法来拦截链接点击事件，进行自定义处理。
实现 WKNavigationDelegate 方法来拦截跳转：
import WebKit
class ViewController: UIViewController, WKNavigationDelegate {
var webView: WKWebView!
override func viewDidLoad() {
super.viewDidLoad()
// 配置并初始化 WKWebView
let webViewConfiguration = WKWebViewConfiguration()
webView = WKWebView(frame: self.view.bounds, configuration: webViewConfiguration)
webView.navigationDelegate = self
self.view.addSubview(webView)
// 加载 H5 页面
if let url = URL(string: "https://www.example.com") {
let request = URLRequest(url: url)
webView.load(request)
}
}
// 处理 a 标签的跳转事件
func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
// 检查是否为跳转链接
if let url = navigationAction.request.url, navigationAction.navigationType == .linkActivated {
// 这里可以处理跳转逻辑，例如在 WebView 中继续加载链接，或在 Safari 中打开
if url.absoluteString.hasPrefix("http") {
decisionHandler(.allow) // 允许加载链接
} else {
decisionHandler(.cancel) // 如果不需要跳转，可以取消
}
} else {
decisionHandler(.allow) // 允许其他类型的请求
}
}
}
在 decidePolicyFor 方法中，navigationAction.request.url 包含点击的链接地址。你可以根据需要自定义跳转行为，例如拦截某些 URL 或在 Safari 中打开链接。
3. 在 H5 页面中设置 target=”_blank”
确保在 H5 页面中的 <a> 标签设置了 target="_blank"，以确保点击链接时可以在 WebView 内部跳转，而不会被浏览器拦截：
<a href="https://www.example.com" target="_blank">点击跳转</a>
如果没有设置 target="_blank"，默认行为可能会被 WebView 拦截或阻止。
4. 处理弹出窗口（Window Open）
如果 H5 页面使用了 window.open() 或其他 JS 方法来打开新窗口，WebView 默认可能不会处理这个行为。为了正确处理新窗口，你需要在 WKNavigationDelegate 中做额外的处理。
例如，处理弹出窗口：
func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? {
// 创建新的 WKWebView 来处理新的页面或窗口
let newWebView = WKWebView(frame: self.view.bounds, configuration: configuration)
self.view.addSubview(newWebView)
return newWebView
}
5. 开启 JavaScript 支持
如果你的 H5 页面中有 JavaScript 来处理页面跳转或其他行为，确保 WebView 启用了 JavaScript 支持。通过 WKPreferences 设置：
let preferences = WKPreferences()
preferences.javaScriptEnabled = true
let configuration = WKWebViewConfiguration()
configuration.preferences = preferences
let webView = WKWebView(frame: self.view.bounds, configuration: configuration)
6. 清除 WebView 缓存（如果需要）
有时，WebView 缓存可能会导致跳转问题。如果遇到类似问题，可以尝试清除 WebView 的缓存：
webView.configuration.websiteDataStore.httpCookieStore.getAllCookies { (cookies) in
for cookie in cookies {
webView.configuration.websiteDataStore.httpCookieStore.delete(cookie)
}
}
7. 总结
iOS 中 WebView 嵌入 H5 页面时，点击 <a> 标签跳转无效，常常是因为 WebView 配置不当或 JavaScript 设置问题。通过：
- 使用 WKWebView 替代 UIWebView。
- 在
WKNavigationDelegate中拦截并处理链接点击事件。 - 确保在 H5 页面中使用
target="_blank"。 - 配置 WebView 启用 JavaScript。
这些方法可以帮助解决 H5 页面中 <a> 标签点击跳转无效的问题，确保 WebView 的跳转和导航功能正常工作。
发布者：myrgd，转载请注明出处：https://www.object-c.cn/4467
