能否通过Segue从WKWebView访问指定视图？附App业务场景说明

你提到的场景完全可行，核心思路是让WKWebView的事件（网页跳转、JS交互）通知到它所在的ViewController，再由ViewController触发Segue完成页面跳转——毕竟Segue是ViewController之间的专属跳转逻辑，WKWebView本身没法直接调用，得通过原生层中转。

下面给你两种最常用的实现方案，适配不同的触发场景：

方案1：监听网页导航动作触发Segue #

适合当用户在网页里点击某个特定链接（比如自定义协议的链接）时触发跳转。

步骤： #

1. 给你的WKWebView设置navigationDelegate，并在ViewController中实现导航拦截方法
2. 检测到目标URL时，拦截网页跳转并触发Segue

示例代码（Swift）：

// 假设你的WebViewController里有WKWebView实例
class WebViewController: UIViewController, WKNavigationDelegate {
    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化WKWebView并设置代理
        let config = WKWebViewConfiguration()
        webView = WKWebView(frame: view.bounds, configuration: config)
        webView.navigationDelegate = self
        view.addSubview(webView)
    }

    // 拦截网页导航请求
    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        guard let url = navigationAction.request.url else {
            decisionHandler(.allow)
            return
        }

        // 检测自定义协议（比如myapp://openSettings）
        if url.scheme == "myapp" && url.host == "openSettings" {
            // 触发Segue（记得在Storyboard里给Segue设置identifier为"showSettingsView"）
            performSegue(withIdentifier: "showSettingsView", sender: self)
            decisionHandler(.cancel) // 取消网页本身的跳转
            return
        }

        decisionHandler(.allow) // 其他正常请求放行
    }
}

方案2：通过JS与原生交互触发Segue #

适合网页内的按钮、操作需要主动通知原生跳转的场景（比如网页里的"打开个人中心"按钮）。

步骤： #

1. 给WKWebView配置JS消息处理器，监听网页发送的特定消息
2. 网页通过JS发送消息，原生收到后触发Segue

原生端代码：

class WebViewController: UIViewController, WKNavigationDelegate, WKScriptMessageHandler {
    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // 配置JS消息处理器
        let userContentController = WKUserContentController()
        // 注册名为"openPersonalView"的消息监听
        userContentController.add(self, name: "openPersonalView")

        let config = WKWebViewConfiguration()
        config.userContentController = userContentController
        
        webView = WKWebView(frame: view.bounds, configuration: config)
        webView.navigationDelegate = self
        view.addSubview(webView)
    }

    // 接收网页发来的JS消息
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "openPersonalView" {
            // 触发Segue跳转
            performSegue(withIdentifier: "showPersonalView", sender: self)
        }
    }

    // 可选：Segue跳转前传递数据给目标视图
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "showPersonalView" {
            let targetVC = segue.destination as! PersonalViewController
            targetVC.userId = "当前用户ID" // 传递需要的数据
        }
    }
}

网页端JS代码：

// 网页里的按钮点击事件中调用
document.getElementById("openPersonalBtn").addEventListener("click", function() {
    // 给原生发送消息
    window.webkit.messageHandlers.openPersonalView.postMessage(null);
});

注意事项 #

• 确保在Storyboard中已经给两个ViewController创建了Segue，并设置了正确的identifier
• 如果你的WKWebView是由AppDelegate间接管理的（比如AppDelegate决定显示登录页还是Web页），要保证Segue的触发代码在WebView所在的ViewController中执行，AppDelegate无法直接触发Segue
• 跳转后如果需要返回并更新WebView状态，可以通过unwind segue或者代理回调实现

内容的提问来源于stack exchange，提问作者RandomFly