ASP.Net 4.5移动端不渲染指定控件：如何避免控件加载而非隐藏

当然可以实现！用hidden-xs只是前端隐藏，服务器还是会把控件的HTML输出到页面里，确实会有不必要的加载开销。在ASP.NET 4.5中，我们可以通过服务器端判断请求设备类型，直接决定是否渲染这个MegaMenu控件，这样移动端请求时控件根本不会出现在最终的HTML里，彻底避免加载和渲染。

下面是几种实用的实现方式：

方法1：利用内置的设备检测属性 #

ASP.NET的Request.Browser对象可以通过请求头的User-Agent识别设备类型，直接用IsMobileDevice属性判断：

<% if (!Request.Browser.IsMobileDevice) { %>
    <CC2:MegaMenu ID="MegaMenu1" runat="server"></CC2:MegaMenu>
<% } %>

这个方法简单直接，不需要额外依赖。不过要注意：默认的浏览器定义文件可能不包含一些较新的移动端设备，如果你遇到识别不准的情况，可以更新ASP.NET的浏览器定义文件来优化识别精度。

方法2：自定义User-Agent解析逻辑 #

如果你需要更精准的设备判断，可以自己写一个方法解析User-Agent字符串，匹配常见的移动端关键词：

首先在页面后台代码（比如.cs文件）里添加判断方法：

protected bool IsMobileRequest()
{
    string userAgent = Request.UserAgent?.ToLower() ?? string.Empty;
    // 覆盖常见的移动端设备关键词，可根据需要补充
    string[] mobileKeywords = {"android", "iphone", "ipad", "windows phone", "blackberry", "opera mini", "mobile", "webos"};
    return mobileKeywords.Any(keyword => userAgent.Contains(keyword));
}

然后在ASPX页面里调用这个方法：

<% if (!IsMobileRequest()) { %>
    <CC2:MegaMenu ID="MegaMenu1" runat="server"></CC2:MegaMenu>
<% } %>

这种方式灵活性更高，你可以根据业务需求随时调整关键词列表。

方法3：使用DisplayMode切换视图 #

如果你的移动端页面和桌面端差异较大，除了这个菜单还有其他控件需要调整，推荐用ASP.NET的DisplayModeProvider来注册移动端专属视图：

1. 在Global.asax的Application_Start方法里注册移动端视图规则：

protected void Application_Start(object sender, EventArgs e)
{
    // 注册移动端视图，优先级高于默认视图
    DisplayModeProvider.Instance.Modes.Insert(0, new DefaultDisplayMode("Mobile")
    {
        ContextCondition = context => context.Request.Browser.IsMobileDevice
    });
}

2. 复制当前页面（比如Default.aspx），命名为Default.Mobile.aspx，在这个移动端视图里完全移除MegaMenu控件。

这样当移动端请求时，ASP.NET会自动加载Default.Mobile.aspx，彻底避免该控件的加载和渲染，适合页面结构差异大的场景。

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