移动端使用WebView浏览网页时设置桌面模式方法咨询

Xamarin.Forms 原生WebView没有直接开启桌面模式的属性，需要通过平台自定义渲染器修改浏览器标识（User-Agent）或平台特定配置来实现，以下是各平台的具体实现步骤：

Android平台实现 #

通过自定义渲染器替换WebView的User-Agent为桌面浏览器标识，让网站识别为桌面设备：

using Android.Content;
using Android.Webkit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(WebView), typeof(DesktopModeWebViewRenderer))]
namespace YourAppNamespace.Droid.Renderers
{
    public class DesktopModeWebViewRenderer : WebViewRenderer
    {
        public DesktopModeWebViewRenderer(Context context) : base(context)
        {
        }

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

            if (Control != null)
            {
                // 设置桌面版Chrome的User-Agent，可根据需求替换
                Control.Settings.UserAgentString = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36";
                // 启用JavaScript（多数桌面网站依赖）
                Control.Settings.JavaScriptEnabled = true;
            }
        }
    }
}

iOS平台实现 #

两种方式可选，优先推荐系统级桌面模式配置：

方式1：设置自定义User-Agent #

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

[assembly: ExportRenderer(typeof(WebView), typeof(DesktopModeWebViewRenderer))]
namespace YourAppNamespace.iOS.Renderers
{
    public class DesktopModeWebViewRenderer : WebViewRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.WebView> e)
        {
            base.OnElementChanged(e);

            if (Control is WKWebView wkWebView)
            {
                // 设置桌面版Safari的User-Agent
                wkWebView.CustomUserAgent = "Mozilla/5.0 (Macintosh; Intel Mac OS X 13_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Safari/605.1.15";
            }
        }
    }
}

方式2：启用iOS系统级桌面模式（iOS13+） #

// 在渲染器的OnElementChanged方法中添加
wkWebView.Configuration.Preferences.SetValueForKey(NSNumber.FromBoolean(true), new NSString("desktopMode"));

UWP平台实现 #

通过渲染器修改WebView的User-Agent：

using Windows.UI.Xaml.Controls;
using Xamarin.Forms;
using Xamarin.Forms.Platform.UWP;

[assembly: ExportRenderer(typeof(WebView), typeof(DesktopModeWebViewRenderer))]
namespace YourAppNamespace.UWP.Renderers
{
    public class DesktopModeWebViewRenderer : WebViewRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.WebView> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                Control.Settings.UserAgent = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36";
            }
        }
    }
}

通用注意事项 #

• 若仅需特定WebView启用桌面模式，不要注册全局渲染器，可创建DesktopWebView子类，再针对子类编写渲染器。
• 部分网站会结合屏幕尺寸判断设备类型，可在网页加载后通过JavaScript强制调整：

  document.documentElement.style.width = "1920px";
  document.documentElement.style.height = "1080px";
  

• 可测试不同桌面浏览器的User-Agent，部分网站对特定UA的适配效果更好。

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