iOS Swift：利用AutoLayout根据HTML内容设置WebView高度（无滚动）

嘿，这个需求我太熟悉了！要搞定这个问题，咱们只需要分两步操作：禁用WebView的内部滚动，再让WebView高度自动匹配HTML内容的实际高度。下面给你详细的实现方案：

第一步：关闭WebView的滚动功能 #

不管你用的是WKWebView还是旧的UIWebView，都可以直接通过它的scrollView属性来禁用滚动，这样WebView内部就不会出现滚动条啦：

// WKWebView 和 UIWebView 都适用
self.webView.scrollView.isScrollEnabled = false

第二步：监听内容加载完成，动态调整WebView高度 #

WebView加载HTML完成后，我们需要获取内容的真实高度，再把这个高度赋值给WebView。这里以苹果推荐的WKWebView为例（UIWebView已经被弃用，不建议再用）：

1. 先给WebView设置导航代理：

self.webView.navigationDelegate = self

2. 然后实现WKNavigationDelegate的didFinish方法，在里面通过JS获取内容高度并调整WebView的布局：

// 在你的ViewController里扩展实现代理方法
extension YourViewController: WKNavigationDelegate {
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        // 执行JS获取页面内容的滚动高度
        webView.evaluateJavaScript("document.body.scrollHeight") { [weak self] result, error in
            guard let contentHeight = result as? CGFloat, error == nil else {
                print("获取内容高度失败：\(error?.localizedDescription ?? "未知错误")")
                return
            }
            // 这里分两种布局方式调整高度：
            // 👉 如果用Auto Layout（推荐）：更新高度约束的constant
            self?.webViewHeightConstraint.constant = contentHeight
            // 👉 如果用Frame布局：直接修改WebView的frame高度
            // self?.webView.frame.size.height = contentHeight
        }
    }
}

小技巧：优化HTML内容的显示效果 #

直接加载纯文本的HTML可能会有默认边距或适配问题，你可以给你的文本套一个简单的HTML模板，让内容显示更规整：

// 把你的原始文本放到模板里
let htmlTemplate = """
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body { 
            margin: 0; 
            padding: 12px; 
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            font-size: 16px;
        }
    </style>
</head>
<body>
\(html_string)
</body>
</html>
"""
// 加载带模板的HTML
self.webView.loadHTMLString(htmlTemplate, baseURL: nil)

这个模板设置了适配移动端的viewport，去掉了body的默认边距，还配置了系统字体，让内容显示更舒服。

这样操作后，你的WebView就会完美适配内容高度，而且内部完全不会有滚动效果啦！

内容的提问来源于stack exchange，提问作者n shiva prasad reddy