wordpress CMS主题 微信
  • 新手建站
  • Home > wordpress新手建站 > 怎样做到手机上访问PC站时自动跳转到手机站?

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

    高时银博客 wordpress新手建站 点击: 629 次 0 1
  • 标签:
  • 现在通过手机上网的用户是越来越多,通过手机浏览网页的用户流量是庞大的,这是一个庞大的市场。所以,一般情况下,我们可以通过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与手机的布局。


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

    目前还没有评论。赶快来坐沙发吧。

    发表评论