Question

是否有可能使用JQuery根据用户的屏幕分辨率重定向到不同的index.html？例如，1024px宽的屏幕到1024.html，其他所有屏幕都转到普通的index.html？

我最好喜欢使用jQuery。任何帮助将不胜感激！

谢谢！

Answer 1

你不需要jQuery。

您可以使用screen.width，which works in all browsers：

if (screen.width <= 1024) window.location.replace("http://www.example.com/1024.html")
else window.location.replace("http://www.example.com/index.html")

请参阅http://www.dynamicdrive.com/dynamicindex9/info3.htm

Answer 2

 if ($(window).width() <= 1024) location.href = "1024.html";

docs on width()

Answer 3

$(document).ready(function() {
    if (screen.width >= 1024) {
        window.location.replace("http://example.com/1024.html");
    }
    else  {
        window.location.replace("http://example.com/index.html");
    }
});

answer to this question中关于window.location.replace和window.location.href之间差异的参考说明。

Answer 4

如果将else语句用于index.html（即用户默认登陆的页面），则会使用上述答案中的<head>语句导致无限循环

用于简单的桌面到移动网页重定向

在index.html的<script> if (screen.width <= 1024) { window.location.replace("http://www.yourMobilePage.html"); } </script>中：

{{1}}

Answer 5

Ben，它似乎可以工作，但是有两个问题：如何保持用户所在的实际页面？

来自：“ http://www.example.com/PageXXX”
收件人：“ http://www.example.com/m”和“ PageXXX”

如何自动加载脚本？调整大小时，必须刷新页面才能重定向。

使用jQuery基于屏幕分辨率重定向？

5 个答案: