嘿，这个需求我太熟了！之前帮团队处理IE兼容问题时，也遇到过重复写检测代码的麻烦，下面给你几个在ASP.NET Core Razor Pages里实现全局IsIE变量的靠谱方案，彻底告别冗余代码：

方案1：服务端中间件检测（推荐！更可靠） #

前端检测容易被用户篡改UA或者出现兼容性盲区，服务端通过请求头的User-Agent判断才是稳的。

步骤1：编写IE检测中间件 #

创建一个中间件，在每个请求进来时自动判断是否是IE，把结果存入HttpContext.Items：

public class IEDetectionMiddleware
{
    private readonly RequestDelegate _next;

    public IEDetectionMiddleware(RequestDelegate next)
    {
        _next = next;
    }

    public async Task InvokeAsync(HttpContext context)
    {
        var userAgent = context.Request.Headers["User-Agent"].ToString();
        // 覆盖IE全版本：IE10及以前带MSIE，IE11用Trident标识
        bool isIE = userAgent.Contains("MSIE") || userAgent.Contains("Trident/");
        // 把结果存入HttpContext，后续页面/模型都能取到
        context.Items["IsIE"] = isIE;
        
        await _next(context);
    }
}

然后在Program.cs里注册这个中间件（要放在路由之前哦）：

app.UseMiddleware<IEDetectionMiddleware>();

步骤2：全局复用的两种方式 #

方式A：页面基类（服务端逻辑直接用）

创建一个所有页面模型都继承的基类，自动把IsIE作为属性：

public class BasePageModel : PageModel
{
    public bool IsIE { get; set; }

    public override void OnPageHandlerExecuting(PageHandlerExecutingContext context)
    {
        IsIE = (bool)context.HttpContext.Items["IsIE"];
        base.OnPageHandlerExecuting(context);
    }
}

之后你的页面模型只要继承它，就能直接用IsIE属性：

public class IndexModel : BasePageModel
{
    public void OnGet()
    {
        if (IsIE)
        {
            // 执行IE专属的服务端逻辑，比如返回兼容数据
        }
    }
}

页面里也能直接调用：

@if (Model.IsIE)
{
    <div class="ie-warning">您正在使用IE浏览器，建议升级至Chrome/Edge获得更好体验</div>
}

方式B：直接在页面中读取

如果不想改基类，也可以在任意Razor页面里直接从Context取：

@{
    bool isIE = (bool)Context.Items["IsIE"];
}

@if (isIE)
{
    <!-- IE专属HTML内容 -->
}

方案2：前端全局变量（适合前端专属逻辑） #

如果你的检测依赖前端API（比如IE特有的document.all），可以把检测逻辑放到全局布局_Layout.cshtml里，定义一个全局JS变量：

<!-- 在_Layout.cshtml的body底部添加 -->
<script>
    // 你的前端IE检测函数
    function checkIsIE() {
        return window.navigator.userAgent.indexOf('MSIE ') > -1 
            || window.navigator.userAgent.indexOf('Trident/') > -1
            || !!document.all; // 额外判断IE特有的API
    }
    // 全局变量，所有页面的JS都能直接访问
    window.IsIE = checkIsIE();
</script>

之后在任意页面的JS里直接用：

if (window.IsIE) {
    // 执行IE专属操作，比如加载兼容的JS库
    loadIEPolyfill();
}

也可以在Razor页面里配合使用：

@if (true)
{
    <script>
        if (window.IsIE) {
            document.body.classList.add("ie-browser");
        }
    </script>
}

方案3：ViewComponent封装（适合复杂IE专属组件） #

如果有大量IE专属的UI或逻辑，可以封装成ViewComponent，直接在页面里调用，内部自动判断：

public class IECompatViewComponent : ViewComponent
{
    public IViewComponentResult Invoke()
    {
        var userAgent = HttpContext.Request.Headers["User-Agent"].ToString();
        bool isIE = userAgent.Contains("MSIE") || userAgent.Contains("Trident/");
        
        return isIE ? View("IECompatContent") : Content("");
    }
}

然后创建对应的视图Views/Shared/Components/IECompat/IECompatContent.cshtml，写IE专属内容，最后在任意页面或布局里调用：

@await Component.InvokeAsync("IECompat")

小提醒 #

• 优先用服务端检测，前端检测容易被绕过或出现版本遗漏
• IE11的User-Agent里没有MSIE，一定要加Trident/的判断

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