通过单击外部链接在WebView中打开页面

基础概念

WebView是一种在应用程序中嵌入网页显示的控件，它允许开发者在原生应用中加载和显示网页内容。通过WebView，开发者可以实现应用与网页的交互，提升用户体验。

类型

UIWebView（iOS）：苹果提供的WebView控件，用于在iOS应用中显示网页。
WKWebView（iOS）：苹果推荐的WebView控件，性能更好，支持更多的HTML5特性。
WebView（Android）：Android系统自带的WebView控件，用于在Android应用中显示网页。

应用场景

混合开发：在原生应用中嵌入网页，实现部分功能的动态加载。
内容展示：展示外部网页内容，如新闻、视频等。
第三方登录：通过WebView实现第三方平台的登录认证。

问题及解决方法

问题：通过单击外部链接在WebView中打开页面

原因：当用户点击外部链接时，默认情况下，WebView会在当前窗口中打开链接。如果需要在浏览器中打开链接，需要进行特殊处理。

解决方法：

iOS（使用WKWebView）：

import WebKit

class ViewController: UIViewController, WKNavigationDelegate {
    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        webView = WKWebView(frame: self.view.frame)
        webView.navigationDelegate = self
        self.view.addSubview(webView)
        
        let url = URL(string: "https://www.example.com")!
        let request = URLRequest(url: url)
        webView.load(request)
    }
    
    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        if let url = navigationAction.request.url {
            if navigationAction.navigationType == .linkActivated {
                UIApplication.shared.open(url, options: [:], completionHandler: nil)
                decisionHandler(.cancel)
            } else {
                decisionHandler(.allow)
            }
        } else {
            decisionHandler(.allow)
        }
    }
}

Android（使用WebView）：

import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = findViewById(R.id.webview);
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.getContext().startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
                return true;
            }
        });

        webView.loadUrl("https://www.example.com");
    }
}