• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress新手建站 > 怎样做到手机上访问PC站时自动跳转到手机站?

    怎样做到手机上访问PC站时自动跳转到手机站?

    作者: 分类:wordpress新手建站 点击: 4,491 次
    wordpress CMS主题:ssmay主题

      现在通过手机上网的用户是越来越多,通过手机浏览网页的用户流量是庞大的,这是一个庞大的市场。所以,一般情况下,我们可以通过2个模板或2个网站(PC + 手机站)来实现PC与手机的并存,以达到PC流量和手机流量齐头并进。而手机百度搜索结果中,有时会出现PC站的内容,而手机上浏览PC站面容,往往页面非常不好看,甚至错位,这时,我们可以做一个跳转——即手机上访问PC站内容时自动跳转到手机网站上来(当然,要求PC站与手机站内容是一至的,即PC与手机使用同一个数据库,达到适配目的)。

      如何实现手机访问PC站时跳转到手机站呢?方法有多种,这里列举2种以供参考:

      方法1:JS跳转。代码如下:

      var url_m = window.location.href.replace("www","m"); //获取当前页面URL ,并把 WWW 替换成 m,wwwPC站域名前缀,m是手机站域名前缀
      if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
      if(window.location.href.indexOf("?mobile")<0){
      try{
      if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
      window.location.href=url_m;
      }
      }catch(e){}
      }
      }

       

      方法2:apache 重写url  ,代码如下:

      RewriteEngine On
      RewriteCond %{HTTP_USER_AGENT} (android|blackberry|iemobile|ipad|iphone|ipod|palmos|webos) [NC]
      RewriteRule ^(.*)$ http://m.39mnk.net/ [R,L]

      这里的m.39mnk.net 是手机端网站域名,你可以改成 你自己的手机域名。

      通过上面2种代码中的任意一个,就可以实现“手机访问PC站内容时自动跳转到手机网站”的目的。当然,还有其它方法可以实现,只是这2种方法使用的比较多。不过,如果网站布局比较简单的话,就没必要这样做了,我们完全可以通过响应式布局来达到自适应PC与手机的布局。



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201607095119.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.