WebView 文本太小无法制作更大的 XForms (4.8)

Question

想知道是否有人可以提供帮助，webView 上的文本太小，我无法控制 HTML。我怎样才能增加尺寸？

我试过了

但对我不起作用，因为页面根本无法加载。

这是一个错误吗？我错过了什么吗？有什么建议

  <WebView VerticalOptions="FillAndExpand" 
            HorizontalOptions="FillAndExpand">               
           <WebView.Source>
         <HtmlWebViewSource
        Html="{Binding HtmlSource}" />
</WebView.Source>
</WebView>


using Foundation;
using WebKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;

[assembly: ExportRenderer(typeof(WebView), typeof(MyWebViewRenderer))]
namespace MyCompany
{
    
    public class MyWebViewRenderer : ViewRenderer<WebView, WKWebView>
    {
        WKWebView wkWebView;

        protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged(e);

            if (Control != null) return;
            var config = new WKWebViewConfiguration();
            wkWebView = new WKWebView(Frame, config) {NavigationDelegate = new MyNavigationDelegate()};
            SetNativeControl(wkWebView);
        }
    }
}
public class MyNavigationDelegate : WKNavigationDelegate
{
    public override void DidFinishNavigation(WKWebView webView, WKNavigation navigation)
    {
        string fontSize = "200%"; 
        string stringHtml = string.Format("document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '{0}'", fontSize);
        WKJavascriptEvaluationResult handler = (NSObject result, NSError err) =>
        {
            if (err != null)
            {
                System.Console.WriteLine(err);
            }
            if (result != null)
            {
                System.Console.WriteLine(result);
            }
        };
        webView.EvaluateJavaScript(stringHtml, handler);
    }
}

Answer 1

页面上的 viewport 元素

<meta name="viewport" content="width=device-width, initial-scale=1.0">

可以用渲染器设置（省略initial-scale）：

using Foundation;
using WebKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using MyNamespace.iOS.Renderers;

[assembly: ExportRenderer(typeof(WebView), typeof(MyWebViewRenderer))]
namespace MyNamespace.iOS.Renderers
{
  //'WebViewRenderer' is obsolete: 'WebViewRenderer is obsolete as of 4.4.0. Please use the WkWebViewRenderer instead'
  //WkWebViewRenderer inherits from WKWebView
  public class MyWebViewRenderer : WkWebViewRenderer
  {
    protected override void OnElementChanged(VisualElementChangedEventArgs e)
    {
        base.OnElementChanged(e);

        if (e.NewElement != null)
        {
            WebView webView = Element as WebView;
            webView.VerticalOptions = LayoutOptions.FillAndExpand;

            string jScript = @"var meta = document.createElement('meta'); " +
                "meta.setAttribute('name', 'viewport');" +
                "meta.setAttribute('content', 'width=device-width');" +
                "document.getElementsByTagName('head')[0].appendChild(meta);";

            //WKUserScriptInjectionTime should be AtDocumentEnd
            var userScript = new WKUserScript((NSString)jScript, WKUserScriptInjectionTime.AtDocumentEnd, true);

            WKWebView wkWebView = this;
            WKWebViewConfiguration wkWebViewConfig = wkWebView.Configuration;
            wkWebViewConfig.UserContentController.AddUserScript(userScript);
        }
    }
  }
}

另请参阅 "Using the viewport meta tag to control layout on mobile browsers"，了解有关屏幕尺寸、像素比例、设备方向和缩放的详细说明。

注意：在 iPad/iPhone 模拟器的 Safari 中，元标记似乎设置如下：

<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

WebView 文本太小无法制作更大的 XForms (4.8)

WebView text too small cannot make bigger XForms (4.8)

xamarin.ios

xamarin

xamarin.forms