Blazor中与Nuxt的process.client等效的运行环境判断方法是什么？

对应 Nuxt 里的 process.client，Blazor 里有几种实用的方式来区分代码运行在服务器端还是客户端：

1. 使用 OperatingSystem.IsBrowser()（推荐，.NET 6+） #

这是最简洁的方法，直接返回布尔值：

• true：代码在**客户端（浏览器）**运行（比如 Blazor WASM 或 Blazor SSR 的客户端交互阶段）
• false：代码在服务器端运行（比如 Blazor Server 的组件逻辑、Blazor SSR 的服务器渲染阶段）

示例代码：

if (OperatingSystem.IsBrowser())
{
    // 客户端专属逻辑，比如调用浏览器 API
}
else
{
    // 服务器端逻辑，比如访问数据库
}

2. 依赖注入判断（兼容低版本.NET） #

如果你的项目基于 .NET 5 或更早版本，可以通过注入的 IJSRuntime 类型来判断：

@inject IJSRuntime JSRuntime

@code {
    protected override void OnInitialized()
    {
        bool isClient = JSRuntime is IJSInProcessRuntime;
        if (isClient)
        {
            // 客户端执行逻辑
        }
        else
        {
            // 服务器端执行逻辑
        }
    }
}

原理是：Blazor WASM 中的 JS 运行时实现了 IJSInProcessRuntime（支持同步调用 JS），而 Blazor Server 用的是远程 JS 运行时，不会实现这个接口。

3. Blazor SSR 专属区分（.NET 8+） #

在 Blazor SSR 场景下，组件会先在服务器端渲染，再在客户端完成水合。如果要区分服务器渲染阶段和客户端交互阶段，可以结合 ComponentBase 的渲染生命周期属性：

protected override void OnAfterRender(bool firstRender)
{
    // 仅在客户端首次水合完成后执行
    if (firstRender && OperatingSystem.IsBrowser())
    {
        // 客户端初始化逻辑
    }
}

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