iOS Swift WKWebView开发问题：导航显示、页面返回及SIGBART错误

嘿，刚入门iOS开发碰到这些问题太正常了，我来一步步帮你捋清楚每个问题的解决方案：

1. WebView全屏覆盖NavigationBar，导致返回按钮看不到 #

这个通常是Auto Layout约束没设对或者WebView的frame占满了整个屏幕（包括导航栏区域）。

解决方法：

• 在Storyboard里选中你的WebView，打开Auto Layout约束面板，给它添加四个约束：
  • Top 约束连到Safe Area Top（而不是View的Top）
  • Leading 约束连到Safe Area Leading
  • Trailing 约束连到Safe Area Trailing
  • Bottom 约束连到Safe Area Bottom
• 这样WebView就会自动避开导航栏和状态栏的区域，不会覆盖它们了。如果是用代码设置frame，记得要减去导航栏和状态栏的高度，但更推荐用Auto Layout，适配不同设备更省心。

2. 从WebView页面返回TableView列表页面 #

因为你用了performSegue(withIdentifier: "recipeWebView", sender: self)跳转，默认是push到导航栈里的，所以只要导航栏正常显示，左边会自动出现返回按钮，点击就能回到TableView页面。

如果没看到返回按钮，检查这几点：

• 有没有在WebView的ViewController里写过navigationController?.setNavigationBarHidden(true, animated: false)？有的话删掉这句，让导航栏显示出来。
• 确认你的TableViewController是嵌入在UINavigationController里的（在Storyboard里选中TableVC，右键选择Embed In -> Navigation Controller），否则push跳转不会有导航栏。
• 如果是用modal方式跳转的（segue类型是Present Modally），那需要自己加一个返回按钮，然后在按钮的IBAction里调用dismiss(animated: true, completion: nil)来关闭WebView页面。

3. 链接WebView为@IBOutlet时抛出SIGABRT错误 #

这个错误90%是IBOutlet连接不匹配导致的，常见原因：

• 类型不匹配：比如你代码里声明的是@IBOutlet weak var webView: WKWebView!，但Storyboard里拖的是UIWebView（UIWebView已经被苹果废弃了，现在推荐用WKWebView）。解决方法：在Storyboard里选中WebView，在Identity Inspector里把Class改成WKWebView，然后重新连接IBOutlet。
• 重复/无效连接：之前的连接没删干净，导致同一个WebView连了多个变量，或者变量已经被删除但Storyboard里还保留着连接。解决方法：在Storyboard里选中WebView，打开Connections Inspector（右边面板的箭头图标），看看Outlets里有没有红色的无效连接，删掉后重新连接到代码里的变量。
• 变量名冲突：代码里的webView变量名和其他控件重复了，换个独特的名字试试（比如recipeWebView）。

4. WebView的导航方法无法工作（因为加不了IBOutlet） #

这个问题其实是第三个问题的延伸，只要把IBOutlet正确连接上，这些方法就能正常工作了。给你一套完整的步骤：

第一步：正确配置WKWebView和IBOutlet #

1. 在Storyboard里拖一个WKWebView到WebView的ViewController里，设置好Auto Layout约束（参考问题1的方法）。
2. 给WebView添加IBOutlet：按住Control键从WebView拖到ViewController的代码里，命名为webView，类型选WKWebView。

第二步：添加导航按钮并实现方法 #

1. 在NavigationBar上添加四个Bar Button Item（分别对应返回、前进、刷新、停止）。
2. 给每个按钮添加IBAction：按住Control键从按钮拖到代码里，分别命名为backAction、forwardAction、refreshAction、stopAction。
3. 实现对应的方法：

import WebKit

class WebViewController: UIViewController {
    @IBOutlet weak var webView: WKWebView!
    // 用来接收从TableVC传过来的URL
    var targetURL: URL?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 加载传过来的动态URL
        if let url = targetURL {
            webView.load(URLRequest(url: url))
        }
    }

    @IBAction func backAction(sender: UIBarButtonItem) {
        if webView.canGoBack {
            webView.goBack()
        }
    }

    @IBAction func forwardAction(sender: UIBarButtonItem) {
        if webView.canGoForward {
            webView.goForward()
        }
    }

    @IBAction func refreshAction(sender: UIBarButtonItem) {
        webView.reload()
    }

    @IBAction func stopAction(sender: UIBarButtonItem) {
        webView.stopLoading()
    }
}

第三步：从TableVC传动态URL到WebVC #

在你的TableViewController里，重写prepare(for:)方法，把选中单元格对应的URL传过去：

override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
    guard segue.identifier == "recipeWebView",
          let webVC = segue.destination as? WebViewController,
          let indexPath = tableView.indexPathForSelectedRow else {
        return
    }
    // 这里替换成你从数据源获取URL的逻辑，比如：
    let urlString = yourDataSource[indexPath.row].url
    webVC.targetURL = URL(string: urlString)
}

这样整套流程就通了，导航按钮也能正常工作啦！

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