如何禁用WKWebView的缩放功能？已尝试多种方法仍无效

你遇到的问题其实很常见——WKWebView的缩放行为主要由网页的viewport元标签控制，而不是单纯依赖UIScrollViewDelegate的代理方法或者isMultipleTouchEnabled属性。

问题根源 #

你当前注入的viewport脚本只设置了width=device-width，但这个配置默认允许用户缩放。另外，虽然你实现了viewForZooming(in:)返回nil，但WKWebView的缩放逻辑优先遵循网页的viewport设置，所以这个代理方法并不会生效。

正确的解决方案 #

1. 修改Viewport元标签（核心修复）

更新你的WKUserScript，给viewport加上user-scalable=no和maximum-scale=1.0属性，从网页层面彻底禁止缩放：

let scriptContent = "var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'); document.getElementsByTagName('head')[0].appendChild(meta);"

这是禁用WKWebView缩放最有效的方式，因为WebKit引擎会优先遵循网页的viewport配置。

2. 辅助配置（可选但建议）

为了确保万无一失，你可以在初始化WKWebView时，额外配置其scrollView的缩放参数：

let wv = WKWebView(frame: .zero, configuration: wkwebconfig)
// ... 保留你原有的其他配置 ...
wv.scrollView.minimumZoomScale = 1.0
wv.scrollView.maximumZoomScale = 1.0
wv.scrollView.bouncesZoom = false

这一步可以防止某些特殊网页绕过viewport设置的情况。

3. 移除无效设置

你之前设置的isMultipleTouchEnabled = false可以去掉，这个属性会影响多点触摸操作（比如链接点击的手势可能受干扰），而且对禁用缩放没有实际帮助。

为什么之前的方法无效？ #

• viewForZooming(in:)返回nil：这个方法主要针对原生UIScrollView的缩放逻辑，但WKWebView的缩放由WebKit引擎独立控制，所以代理方法无法覆盖网页的viewport设置。
• isMultipleTouchEnabled = false：该属性只是禁用了原生多点触摸，但捏合缩放是WebKit内部处理的手势，即使禁用多点触摸，部分场景下WebKit仍会响应缩放操作。
• isUserInteractionEnabled = false：这会完全禁用所有交互，当然能阻止缩放，但也牺牲了链接点击等核心功能，显然不是我们需要的方案。

完成以上修改后，你的WKWebView应该就能正常禁止缩放，同时保留链接交互功能了。

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