Javascript 基于屏幕宽度的URL重定向_Javascript_Url_Redirect_Mobile

Javascript 基于屏幕宽度的URL重定向

javascript url redirect mobile

Javascript 基于屏幕宽度的URL重定向,javascript,url,redirect,mobile,Javascript,Url,Redirect,Mobile,我要寻找的是一种非常简单的方法，当屏幕或窗口宽度小于950px时，自动将用户重定向到不同的URL 我不想使用“刷新”，因为这是不推荐的，我也不想使用“用户代理”，因为从长远来看，它对我来说不太可靠，我也不想关心更新这个这是我在各处看到的用于此目的的脚本，但出于某种原因，它没有任何作用： <script type="text/javascript"> <!-- if (screen.width <= 950) { window.location = "ht

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

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

这是我在各处看到的用于此目的的脚本，但出于某种原因，它没有任何作用：

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

我也试着把它放在Head标签之后，甚至在Doctype之前。什么都没有发生…

您可以更好地使用JQUERY来处理这个

// Returns width of browser viewport
$( window ).width();

见：

例如：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  if($(window).width() <= 950) {
window.location = "https://www.google.com/";
}
});
</script>
</head>
<body>
<p>Website</p>
</body>
</html>


$（文档）.ready（函数（）{
如果（$（window）.width（）如果必须使用Javascript，请尝试以下操作：
<script type="text/javascript">
   function redirect() {
   if (screen.width <= 950) {
      window.location = "https://www.google.com/";
   }


函数重定向（）{
如果（screen.width我在回答我自己的问题，因为我最近找到了一个比@Finduilas提供的解决方案更令人满意的解决方案
此解决方案不仅在正常情况下重定向您，还将在调整窗口大小时来回重定向您
更好！当你从横向切换到纵向时，它会在移动设备中来回重定向你，反之亦然
<script type="text/javascript">
    $(window).on('load resize',function(){
        if($(window).width() < 950){
            window.location = "https://www.google.com"
        }
    });
</script>


$（窗口）.on（'load resize'，function（））{
如果（$（窗口）.width（）<950）{
window.location=”https://www.google.com"
}
});

这些脚本都不起作用。我都试过了。
你试过location.href=“your_url”？screen.width的值是多少？有时候JS上有延迟？没有准备好，…@dnmh是的，我试过document.location.href…什么都没有发生。如果$（window.width（））；
有效，那么我不明白为什么screen.width无效..因为您必须在$（document.ready（）之后加载它？有时JS比浏览器快，它返回0而不是正确的值。@Finduilas似乎不起作用，但我对JavaScript一无所知，也许我没有把它放在正确的位置，你能提供完整的例子吗？我看看如何把它放在上下文中？上面的例子很好。你不会因为shrinki而被重定向关闭我正在做的窗口。我的错误。但是，如果你在缩小窗口后刷新浏览器，你会看到你确实被重定向。非常感谢。非常感谢，我完全按照你的建议做了，但它也不起作用。它不起反作用，当我缩小屏幕时，它将转到窗口。位置地址。但它确实起作用不要返回原始地址，除非您在另一个网站上使用相同的脚本，否则更改为当然您必须在另一个网站上使用类似的脚本。\n欢迎使用StackOverflow并感谢您的贡献！此答案作为注释可能更好，因为它不能解决问题。
<body onload="setTimeout('redirect()', 300)">

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

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

<!-- you forgot to add window.location.replace("https://www.google.com/"); and yours is a little wrong-->
<script type="text/javascript">
  <!--
  if (screen.width <= 950) {
    window.location.replace("https://www.google.com/");
  }
  //-->
</script>