javascript - 基于屏幕宽度的 URL 重定向

Question

我正在寻找的非常简单，一种在屏幕或窗口宽度小于 950 像素时自动将用户重定向到不同 URL 的方法。

我不想使用“刷新”，因为它不被推荐，我也不想使用“用户代理”，因为从长远来看，它对我来说不太可靠，我不想关心更新这个。

这是我在任何地方看到的为此目的建议的脚本，但出于某种原因它没有做任何事情:

<script type="text/javascript">
  <!--
  if (screen.width <= 950) {
    window.location = "https://www.google.com/";
  }
  //-->
</script>

我也尝试过所有这些变体但没有成功:

window.location
document.location
window.location.href
document.location.href

我也试过将它放在 Head 标签之后甚至 Doctype 之前。什么都没发生...

Answer 1

我正在回答我自己的问题，因为我最近找到了一个比@Finduilas 提供的解决方案更令人满意的解决方案。

此解决方案不仅会在正常情况下重定向您，还会在您调整窗口大小时来回重定向您。

更好!当您从横向切换到纵向时，它会在移动设备中来回重定向您，反之亦然。

<script type="text/javascript">
    $(window).on('load resize',function(){
        if($(window).width() < 950){
            window.location = "https://www.google.com"
        }
    });
</script>