Question

我有一个页面，例如desktop.aspx?customerID=345＆amp; mobile.aspx?customerID=345。两个页面都具有相同的功能所以supposer用户到这里desktop.aspx?customerID=345并且屏幕大小小于700px然后它应该重定向到mobile.aspx?customerID=345。现在使用Jquery我可以执行此重定向，但此处我也有动态查询字符串。

是否可以在.aspx文件后面的代码中检测屏幕大小？

Answer 1

要检查屏幕和浏览器宽度，您可以使用javascript match media：

对于浏览器：

var isBrowserLessThan700 = (window).matchMedia('screen and (max-width: 700px)').matches;

对于屏幕：

var isDeviceLessThan700 = (window).matchMedia('screen and (max-device-width: 700px)').matches;

如果结果为真：

   window.loacation.href= "What-You-Want";

Answer 2

解决方案1： - 在客户端创建一个隐藏的字段变量。

.ASPX文件： -

<asp:HiddenField ID="hdncustomerID" runat="server" />

脚本： -

<script type="text/javascript">
 var hdncustomerID = $('hdncustomerID').Val(); //if u use Jquery

        $(document).ready(function () {
            if ($(window).width() < 700) {
                window.location = mobile.aspx?customerID=123;
            }
        });
</script>

解决方案2： -

protected void Page_Load(object sender, EventArgs e)
    {
        var CustomerID = 1;

        StringBuilder strScript = new StringBuilder();
        strScript.Append("<script type=\"text/javascript\">");
        strScript.Append("$(document).ready(function () {");
        strScript.Append("if ($(window).width() < 700) {");
        strScript.Append("window.location = mobile.aspx?customerID='");
        strScript.Append(CustomerID);
        strScript.Append("';");
        strScript.Append("}");
        strScript.Append(" });");
        strScript.Append("</script>");

        ClientScriptManager script = Page.ClientScript;
        script.RegisterClientScriptBlock(this.GetType(), "redirect", strScript.ToString());

    }

希望它的工作!!!

如果页面大小小于700px，asp.net会重定向到另一个URL

2 个答案: