Question

我为现有网页创建了移动网站，在其中，我将代码放在移动文件夹中喜欢 www.testing.com/mobile ，它运行良好。

但我需要做的是，如果用户从移动设备访问过，那么它应该被重定向到移动页面，而用户从网络访问它会转到默认页面。

我在这里使用：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0" />

适合页面，但网址显示为 m.tesing.com ，适用于移动设备如何执行此操作

通过浏览器代理或任何其他方式。感谢。

Answer 1

下载此detectmobile.js并在头标记中进行此更改

 <head>
                <script src="detectmobile.js"></script>
                <script>
                        try {
                                // This is the URL where mobile
                                detectmobile.defaultMobileURL = "http://m.testing.com";
                                detectmobile.process();
                        } catch(e) {
                                // Make sure that in the fault modes
                                // we do not interrupt execution of other Javascript code
                        }
                </script>
        </head>

Answer 2

您可以使用简单的javascript来检测它，而不是使用jquery：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 window.location.replace("http://m.tesing.com");
 //or window.location = "http://m.tesing.com";
}

使用CSS的其他技术

/* Smartphones ----------- */
@media only screen and (max-width: 760px) {
  #some-element { display: none; }
}

jQuery：

$( document ).ready(function() {        
    if( $('#some-element').css('display')=='none' {
        window.location.replace("http://m.tesing.com");
     //or window.location = "http://m.tesing.com";    
    }
 });

Answer 3

使用此代码检测移动设备，然后重定向

    <script language="javascript">
      if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) 
      {
        window.location = "http://m.domain.com";
      }
    </script>

test（）方法已用于测试字符串中的匹配项，如果找到匹配项，则会发生重定向。将此代码添加到主index.php页面的顶部。

在移动设备index.php上使用此代码重定向回来

    <script language="javascript">
      if( !/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) 
      {
        window.location = "http://testing.com";
      }
    </script>

至于m.testing.com，你必须创建一个子域。

如何将移动用户重定向到移动页面

3 个答案: