Xamarin Forms WebView在iOS平台如何禁用缩放？添加viewport标签仍无效

仅通过HTML的viewport标签通常无法完全禁用iOS WebView的缩放功能，因为WKWebView（Xamarin默认使用的WebView组件）有自身的滚动缩放配置，需要结合自定义渲染器来处理：

• 实现iOS自定义WebView渲染器
  在iOS项目中创建如下渲染器类，直接控制WebView的滚动视图缩放属性：

  using Foundation;
  using UIKit;
  using WebKit;
  using Xamarin.Forms;
  using Xamarin.Forms.Platform.iOS;
  
  [assembly: ExportRenderer(typeof(WebView), typeof(CustomWebViewRenderer))]
  namespace YourAppNamespace.iOS
  {
      public class CustomWebViewRenderer : WebViewRenderer
      {
          protected override void OnElementChanged(VisualElementChangedEventArgs e)
          {
              base.OnElementChanged(e);
  
              if (Control != null)
              {
                  var wkWebView = Control as WKWebView;
                  // 锁定缩放比例为1.0，禁止用户调整
                  wkWebView.ScrollView.MinimumZoomScale = 1.0f;
                  wkWebView.ScrollView.MaximumZoomScale = 1.0f;
                  wkWebView.ScrollView.ZoomScale = 1.0f;
              }
          }
      }
  }
  

  注意替换YourAppNamespace为你项目的实际命名空间。

• 确认HTML的viewport标签配置
  保持你已添加的viewport标签，确保格式正确：

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  

同时应用以上两步配置后，iOS平台的WebView缩放功能即可被禁用。

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