如何绕过jquery媒体移动视图以查看桌面视图

时间:2014-02-06 15:37:52

标签: jquery wordpress mobile media-queries

我在wordpress博客上创建了一个jquery媒体。当人们通过移动设备访问我的博客时,它只显示特定内容,当他们在桌面上时,它会显示其他内容。

问题是,我想添加一个“查看桌面版本”,以便将人们带到原始内容。但是,由于我有媒体查询,它会带回移动视图。

无论如何在点击桌面视图后绕过媒体查询?

由于

2 个答案:

答案 0 :(得分:0)

您可以尝试查看ReViewJs,看起来这是为了解决您的问题而开发的。

旁注:如果你需要这样的东西,你可能想重新考虑你的设计方法。为什么这是必要的?如果您真的希望用户看到“原创内容”,为什么不尝试将其纳入移动设计?

答案 1 :(得分:-1)

在您的Site.Master

上试试这个

添加

 using Microsoft.AspNet.FriendlyUrls.Resolvers; 

 protected void Page_Load(object sender, EventArgs e)
        {
            // Determine if mobile
            if (Request.Browser["IsMobileDevice"] == "true")
            {
                // Determine current view
                var isMobile = WebFormsFriendlyUrlResolver.IsMobileView(new HttpContextWrapper(Context));
                var CurrentView = isMobile ? "Mobile" : "Desktop";
                if (CurrentView == "Desktop")
                {
                    VSViewSwitcher.Visible = true;
                }
            }

​

代码

添加

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="MyArtShop.SiteMaster" %>
<%@ Register Src="~/ViewSwitcher.ascx" TagPrefix="friendlyUrls" TagName="ViewSwitcher" %>
​

 <friendlyUrls:ViewSwitcher runat="server" ID="VSViewSwitcher" Visible="False" />
</body>
</html>
​

到您的Markup

如果您有viewswitcher网址,请告诉我