如何根据屏幕和手持设备切换 _layout.cshtml？（.NET MVC3）

发布于 2024-10-21 03:54:53 字数 436 浏览 2 评论 0原文

我正在设计一个小型网站，我希望能够在计算机和移动设备上浏览。我知道我可以使用以下方法轻松地为大多数移动设备更换 CSS：

<link rel="stylesheet" type="text/css" media="handheld" href="foo_mobile.css">
<link rel="stylesheet" type="text/css" media="screen" href="foo_screen.css">

但是，我真正想要完成的是根据浏览器类型（屏幕与手持设备 -加上 iPhone）。

我见过很多网站将移动设备重定向到 m.xyzCorp.com 等子域，但希望尽可能避免这种情况。

有没有示例代码或教程？我的 Google-foo 今天很弱。

TIA

原文

I am designing a small website that I want to be able to browse both on a computer as well as a mobile device. I understand that I can swap out my CSS fairly easily for most mobile devices using the following:

<link rel="stylesheet" type="text/css" media="handheld" href="foo_mobile.css">
<link rel="stylesheet" type="text/css" media="screen" href="foo_screen.css">

However, what I really want to accomplish is swapping out the _layout.cshtml based on browser type (screen vs handheld - plus iPhone).

I've seen plenty of sites that redirect mobile devices to a sub-domain like m.xyzCorp.com but would like to avoid that if possible.

Is there any sample code or tutorials out there? my Google-foo is weak today.

TIA

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一刻暧昧 2024-10-28 03:54:53

在 _ViewStart.cshtml 有这样的东西

@{
    if (!Request.Browser.IsMobileDevice)
    {
        Layout = "~/Views/Shared/_Layout.cshtml";
    }
    else
    {
        Layout = "~/Views/Shared/_MobileSiteLayout.cshtml";
    }
}

In _ViewStart.cshtml have something like this

@{
    if (!Request.Browser.IsMobileDevice)
    {
        Layout = "~/Views/Shared/_Layout.cshtml";
    }
    else
    {
        Layout = "~/Views/Shared/_MobileSiteLayout.cshtml";
    }
}

回复收藏 0 原文

~没有更多了~