要给出“Blazor WebAssembly 应用和浏览器能力检测”的解决方法，可以按照以下步骤进行：

1. 创建一个 Blazor WebAssembly 应用程序。可以使用 Visual Studio 或者命令行工具（如 .NET CLI）来创建一个新的 Blazor WebAssembly 项目。

2. 在 Blazor WebAssembly 项目中添加一个能力检测的服务。可以创建一个名为 BrowserCapabilityService 的类，并在该类中实现浏览器能力检测的功能。以下是一个简单的示例代码：

using Microsoft.Extensions.PlatformAbstractions;
using System;

namespace BlazorApp.Services
{
    public class BrowserCapabilityService
    {
        public bool IsWebPImageSupported()
        {
            var userAgent = PlatformServices.Default.Application.RuntimeFramework.FullName;

            // 检测浏览器是否支持 WebP 图片格式
            // 在此处添加检测逻辑，返回是否支持的结果

            return false; // 默认返回不支持
        }
    }
}

3. 在 Blazor WebAssembly 项目的页面中使用能力检测服务。可以在 Index.razor 页面中注入 BrowserCapabilityService，并在页面中使用该服务来检测浏览器能力。以下是一个简单的示例代码：

@page "/"
@inject BlazorApp.Services.BrowserCapabilityService BrowserCapabilityService

浏览器能力检测

浏览器是否支持 WebP 图片格式: @IsWebPSupported

@code {
    bool IsWebPSupported { get; set; }

    protected override void OnInitialized()
    {
        IsWebPSupported = BrowserCapabilityService.IsWebPImageSupported();
    }
}

在上述示例中，我们在页面的 OnInitialized 方法中调用能力检测服务的 IsWebPImageSupported 方法，并将结果赋值给 IsWebPSupported 属性。然后在页面中显示该属性的值。

这样，当用户访问页面时，能力检测服务会根据浏览器的特性来判断是否支持 WebP 图片格式，并将结果显示在页面上。

需要注意的是，上述示例只是一个简单的示例，你可以根据实际需求进行扩展和修改。