javascript - 如何检测 "device mode"(MVC3 + Bootstrap)

Question

我正在使用 MVC3 和 Bootstrap Responsive，我想通过 Razor(或 javascript)检测哪种模式处于事件状态(台式机、平板电脑或手机)以在一种情况下或另一种情况下显示正确的局部 View 。

例如:

@if( mode=='phone')
{
    @html.Partial("_partialPhone")
}
@if( mode=='desktop')
{
    @html.Partial("_partialDesktop")
}
...etc

我不想只使用“.visible-phone”“visible-tablet”和“.visible-desktop”css 类，因为虽然只显示一个局部 View ，但它们都加载到 DOM 中并且由 Razor 引擎渲染。这对手机和平板电脑的性能不利。

谁能帮帮我？

谢谢

Answer 1

媒体查询发生在客户端。
这根本不可能。

您可以让客户端在 cookie 中设置其大小，然后读取服务器上的 cookie。