如何实现手机访问时自动跳转到手机网站上，而不是PC网站呢？独立的域名以及空间

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何实现手机访问时自动跳转到手机网站上，而不是PC网站呢？独立的域名以及空间相关的知识，希望对你有一定的参考价值。

(function()
    var res = GetRequest();
    var par = res['index'];
    if(par!='gfan')
        var ua=navigator.userAgent.toLowerCase();
        var contains=function (a, b)
            if(a.indexOf(b)!=-1)return true;
        ;
        var toMobileVertion = function()
            window.location.href = '手机站地址'
        
 
        if(contains(ua,"ipad")||(contains(ua,"rv:1.2.3.4"))||(contains(ua,"0.0.0.0"))||(contains(ua,"8.0.552.237")))return false
        if((contains(ua,"android") && contains(ua,"mobile"))||(contains(ua,"android") && contains(ua,"mozilla")) ||(contains(ua,"android") && contains(ua,"opera"))
    ||contains(ua,"ucweb7")||contains(ua,"iphone"))toMobileVertion();
    
)();
function GetRequest() 
   var url = location.search; //获取url中"?"符后的字串
   var theRequest = new Object();
   if (url.indexOf("?") != -1) 
      var str = url.substr(1);
      strs = str.split("&");
      for(var i = 0; i < strs.length; i ++) 
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
      
   
   return theRequest;

 参考技术A 好像 会做两个网站吧,一个是PC访问版本的,一个手机访问版本的,这样显示的格式就是对的追问

是两个网站，一个手机版本，一个是pc版本。但是如何实现用手机访问网站时自动跳转到手机版的网站。这需要一段代码实现，只是不知道怎么写这段代码而已

 参考技术B 不是每个pc网站都有手机网站，所以这不是设置的问题 参考技术C js判断可以实现追问

具体如何实现？网站程序采用asp程序。

追答

星期天告诉你，我要回家了，明天休息 呵呵

追问

求解

追答

用js判断平台是PC端设备就转到指定PC访问，是手机设备就转到手机设备网站

追问

这个我知道，主要是代码如何编写

手机访问PC网站自动跳转到手机网站代码（转）

4G时代，手机网站已经非常普遍了，一般手机网站都有一个二级域名来访问，比如 m.16css.com 如果手机直接访问www.16css.com 就是PC网站，在手机上浏览电脑版网站体验非常不好。

如果能够手机访问PC端电脑网站自动跳转到手机网站就好了：

代码如下：

将以下代码放在首页区

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<SCRIPT LANGUAGE="JavaScript">
 function mobile_device_detect(url)
 {
        var thisOS=navigator.platform;
        var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile");
 for(var i=0;i<os.length;i++)
        {
 if(thisOS.match(os[i]))
        {  
  window.location=url;
 }
          
 }
 //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认
 if(navigator.platform.indexOf(‘iPad‘) != -1)
        {
  window.location=url;
 }
 //做这一部分是因为Android手机的内核也是Linux
 //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手，即用navigator.appVersion信息做判断
  var check = navigator.appVersion;
  if( check.match(/linux/i) )
          {
   //X11是UC浏览器的平台 ，如果有其他特殊浏览器也可以附加上条件
   if(check.match(/mobile/i) || check.match(/X11/i))
                 {
   window.location=url;
   } 
 }
 //类in_array函数
 Array.prototype.in_array = function(e)
 {
  for(i=0;i<this.length;i++)
  {
   if(this[i] == e)
   return true;
  }
  return false;
 }
 }
mobile_device_detect("http://m.16css.com");
</SCRIPT>

倒数第二行中的 http://m.16css.com 就是要跳转到的手机版网址。 

 

还有一种比较简单的JS代码，测试也可以的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://m.16css.com/";
}
}
}
catch(err)
{
}
</script>

第三款代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
// JavaScript Document
function urlredirect() {
    var sUserAgent = navigator.userAgent.toLowerCase(); 
    if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) {
        // PC跳转移动端
        var thisUrl = window.location.href;
        window.location.href = thisUrl.substr(0,thisUrl.lastIndexOf(‘/‘)+1)+‘mobile/‘;
         
    }
}
urlredirect();
</script>

 

http://www.16css.com/page_code/1157.html

以上是关于如何实现手机访问时自动跳转到手机网站上，而不是PC网站呢？独立的域名以及空间的主要内容，如果未能解决你的问题，请参考以下文章

需要当手机访问PC站页面时自动跳转到对应的手机站页面

手机访问PC网站自动跳转到手机网站代码（转）

手机访问PC网站自动跳转到手机网站代码

我有个电脑PC站,一个手机wap站, 两上是不同的域名,请问,如何让手机用户访问电脑站时,自动跳转到wap站点?

PHP判断访问者手机移动端还是PC端的函数，亲测好用

手机访问PC网站自动跳转到手机版