Blazor Webassembly - 在终端上记录日志

要在 Blazor Webassembly 应用程序中记录日志并将其输出到终端上，可以使用 Blazor.Extensions.Logging 包。

首先在项目中安装 Blazor.Extensions.Logging 包：

Install-Package Blazor.Extensions.Logging

然后在 Startup.cs 中配置 ILoggerFactory：

using Blazor.Extensions.Logging;
using Microsoft.Extensions.Logging;

public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        // ...
        services.AddLogging(builder =>
        {
            builder.AddBrowserConsole(); // Also logs to browser console
            builder.AddBrowserHttp();
        });
    }
    // ...
}

现在可以在任何类中注入 ILogger 并记录信息：

using Microsoft.Extensions.Logging;

public class MyClass
{
    private readonly ILogger _logger;

    public MyClass(ILogger logger)
    {
        _logger = logger;
    }

    public void SomeMethod()
    {
        _logger.LogInformation("This is an information log");
        _logger.LogWarning("This is a warning log");
        _logger.LogError("This is an error log");
    }
}

最后，在浏览器中打开应用程序，按 F12 打开浏览器开发者工具，在终端中查看记录日志。