BrowserDetector：为 ASP.NET Core Web API 提供浏览器检测功能的利器

郑子铭

发布于 2025-03-10 20:13:30

2800

代码可运行

文章被收录于专栏：DotNet NB && CloudNativeDotNet NB && CloudNative

运行总次数：0

代码可运行

在 .NET Framework 4.7 中那样，通过 HttpContext.Request 的 Browser 属性轻松获取发起 HTTP 请求的浏览器信息，ASP.NET Core 并未直接提供这一功能，现在有了 BrowserDetector 这个强大的 NuGet 包，你可以在 ASP.NET Core 应用中轻松实现浏览器、设备类型以及操作系统的检测。 BrowserDetector 支持以下 .NET 框架版本： .NET 6/7/8

如何使用 BrowserDetector

安装 NuGet 包

首先需要安装 BrowserDetector NuGet 包

Install-Package Shyjus.BrowserDetector

启用浏览器检测服务

在你的启动代码中，调用 IServiceCollection 上的 AddBrowserDetection 方法来启用浏览器检测服务：

services.AddBrowserDetection();

注入并使用 IBrowserDetector

接下来，你可以在控制器类、视图文件或中间件中注入 IBrowserDetector，并访问其 Browser 属性来获取浏览器相关信息。

在控制器中的使用示例

public classHomeController : Controller
{
    privatereadonly IBrowserDetector browserDetector;

    public HomeController(IBrowserDetector browserDetector)
    {
        this.browserDetector = browserDetector;
    }

    public IActionResult Index()
    {
        var browser = this.browserDetector.Browser;
        // 按需使用 browser 对象

        return View();
    }
}

在视图中的使用示例

@inject Shyjus.BrowserDetection.IBrowserDetector browserDetector

<h2>@browserDetector.Browser.Name</h2>
<h3>@browserDetector.Browser.Version</h3>
<h3>@browserDetector.Browser.OS</h3>
<h3>@browserDetector.Browser.DeviceType</h3>

在自定义中间件中的使用

你还可以将 IBrowserDetector 注入到中间件的 InvokeAsync 方法中

public classMyCustomMiddleware
{
    private RequestDelegate next;

    public MyCustomMiddleware(RequestDelegate next)
    {
        this.next = next;
    }

    public async Task InvokeAsync(HttpContext httpContext, IBrowserDetector browserDetector)
    {
        var browser = browserDetector.Browser;

        if (browser.Type == BrowserType.Edge)
        {
            await httpContext.Response.WriteAsync("Have you tried the new chromuim based edge ?");
        }
        else
        {
            awaitthis.next.Invoke(httpContext);
        }
    }
}