如何使用Xamarin将WebView移动端设置为桌面模式

你的代码无法生效的原因有两点：

• navigator.userAgent是浏览器只读属性，JavaScript无法直接修改它来改变请求的User-Agent
• Navigating事件触发时，当前页面的请求已经发送，此时修改无法影响服务器返回的页面格式

以下是各平台的正确实现方式：

Android 平台 #

通过自定义WebView渲染器，直接修改原生WebView的User-Agent配置：

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

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

            if (Control != null)
            {
                // 设置桌面端浏览器的User-Agent
                Control.Settings.UserAgentString = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36";
                // 启用宽视图模式，适配桌面页面布局
                Control.Settings.UseWideViewPort = true;
                Control.Settings.LoadWithOverviewMode = true;
            }
        }
    }
}

iOS 平台 #

自定义WKWebView渲染器，修改配置中的User-Agent并强制桌面模式：

[assembly: ExportRenderer(typeof(WebView), typeof(CustomWebViewRenderer))]
namespace YourAppName.iOS.Renderers
{
    public class CustomWebViewRenderer : WkWebViewRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged(e);

            if (Configuration != null)
            {
                // 设置桌面端Safari的User-Agent
                Configuration.DefaultWebpagePreferences.UserAgent = "Mozilla/5.0 (Macintosh; Intel Mac OS X 14_0) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15";
                // iOS 14+ 支持直接设置首选内容模式为桌面
                Configuration.DefaultWebpagePreferences.PreferredContentMode = WKContentMode.Desktop;
            }
        }
    }
}

注意事项 #

• 替换代码中的YourAppName为你的实际应用命名空间
• 若部分网站不识别设置的User-Agent，可以替换为对应桌面浏览器的最新User-Agent字符串
• 如果仅需对特定URL启用桌面模式，可以在渲染器的逻辑中增加URL判断，动态修改配置

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