iOS 10下WKWebKit View重叠状态栏，iOS 11无此问题如何解决？

这个坑我之前踩过！本质是iOS 11引入的Safe Area布局和旧版本的topLayoutGuide不兼容导致的差异。下面给你几个纯代码的解决方案，不用动Storyboard就能搞定：

方案1：Auto Layout适配（最推荐） #

这是最稳妥的方式，能自动适配所有iOS版本的布局规则。核心district思路后续不太Re构造degreeQR成长
//I中二0 Multiple的？不对，重新说：核心思路是根据系统版本，给WebView设置不同的顶部约束：

// 创建WebView并禁用自动布局转换
let webView = WKWebView()
webView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(webView)

// 适配顶部锚点：iOS 11+用安全区域，旧版本用topLayoutGuide
let topConstraint: NSLayoutConstraint
if #available(iOS 11.0, *) {
    topConstraint = webView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor)
} else {
    topConstraint = webView.topAnchor.constraint(equalTo: self.topLayoutGuide.bottomAnchor)
}

// 激活所有约束：左右、底部铺满，顶部避开状态栏
NSLayoutConstraint.activate([
    topConstraint,
    webView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    webView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    webView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
])

为什么这么做？

• translatesAutoresizingMaskIntoConstraints = false必须加，否则系统自动生成的布局掩码会覆盖我们的自定义约束。
• iOS 11及以上用safeAreaLayoutGuide，它会自动识别状态栏、导航栏的高度；iOS 10及以下用topLayoutGuide.bottomAnchor，刚好对应状态栏的底部位置，完美避开状态栏区域。

方案2：手动计算Frame（适合简单场景） #

如果你不想用Auto Layout，也可以手动计算WebView的起始位置，基于状态栏高度来设置frame：

// 获取状态栏高度（兼容iOS 13+）
let statusBarHeight: CGFloat
if #available(iOS 13.0, *) {
    guard let window = UIApplication.shared.windows.first else {
        statusBarHeight = 0
        return
    }
    statusBarHeight = window.windowScene?.statusBarManager?.statusBarFrame.height ?? 0
} else {
    statusBarHeight = UIApplication.shared.statusBarFrame.height
}

// 计算WebView的frame：从状态栏底部开始，铺满剩余屏幕
let webViewFrame = CGRect(
    x: 0,
    y: statusBarHeight,
    width: view.bounds.width,
    height: view.bounds.height - statusBarHeight
)
let webView = WKWebView(frame: webViewFrame)
view.addSubview(webView)

⚠️ 注意：这个方法的缺点是无法自动响应布局变化（比如横屏、状态栏高度临时改变），所以只适合固定竖屏且状态栏高度不变的场景。

额外检查项：视图控制器的edgesForExtendedLayout #

如果你的视图控制器嵌入在导航控制器中，还可以检查这个属性：

self.edgesForExtendedLayout = []

默认值是.all，会让视图延伸到状态栏/导航栏下方。设置为空后，视图会从导航栏/状态栏下方开始布局，但这个属性最好和Auto Layout配合使用，单独使用在不同iOS版本可能仍有差异。

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