0

我正在使用 ASPX 引擎（不是 RAZOR！）和 Site.Master 作为母版页的 MVC-4 项目。

现在我的任务是为移动设备启用此站点。找到我知道的所有可用信息后，我需要使用 Razor 执行以下任务

  1. 在应用程序启动中添加 DisplayModeProvider。
  2. 创建 _Layout.Phone.cshtml 并添加 jQuery 移动支持。
  3. 创建手机支持的视图，如 Index.Phone.cshtml 并使用 _Layout.Phone.cshmtl 作为母版页。

现在我的问题是如何使用 ASPX 引擎为移动设备启用站点。

我创建了 Site.Phone.Master 和 Index.Phone.aspx 但它只呈现默认网页视图而不是电话视图。

4

1 回答 1

2

您可以从为移动浏览器创建 MasterPage ( ~/Views/Shared/Site.Mobile.Master) 开始：

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    This is the mobile master page

    <asp:ContentPlaceHolder ID="MainContent" runat="server" />
</body>
</html>

然后有~/Views/Home/Index.Mobile.aspx一个将使用此母版页的移动视图 ( )：

<%@ Page 
    Language="C#" 
    MasterPageFile="~/Views/Shared/Site.Mobile.Master" 
    Inherits="System.Web.Mvc.ViewPage" 
%>

<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
    This is the mobile view
</asp:Content>

好的，现在剩下的就是在你的 : 中插入显示模式Application_Start：

Func<HttpContextBase, bool> contextCheckDelegate = ctx =>
{
    // Here you could use the ctx variable which represents the HttpContextBase
    // in order to test the UserAgent of the Request and decide whether it is coming
    // from a mobile device or not and return true or false respectively which is what
    // will determine if your .Mobile masterpage and view will be used for this request
    if (IsMobile)
    {
        return true;
    }         
    return false;
};
DefaultDisplayMode mobileMode = new DefaultDisplayMode("Mobile");
mobileMode.ContextCondition = contextCheckDelegate;
DisplayModeProvider.Instance.Modes.Insert(0, mobileMode);

您当然可以拥有更具体的移动视图，例如 iPhone、iPad ……您只需要调整委托内部使用的条件，即检查用户代理。

于 2013-02-09T20:42:06.173 回答