请选择 进入手机版 | 继续访问电脑版

    移动端与PC端现在是共存,那么怎么实现在不同的设备上输入相同的网址,跳转到不一样的网站呢?简单说,我的网站已经建好了,现在又建了一个手机网站,用什么方法或者代码才能让访问同一个域名下网站自动识别设备,用电脑上进入PC端的网站,用移动设备会进入手机站点。不同的设备访问的时候,看到的是各自的网站。




1、使用PHP语言来识别

对于一些精通PHP语言的博友来说,也可以通过PHP语法来实现,比如以下的写法:

< script type="text/javascript">

var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire");

var browser = navigator.userAgent.toLowerCase();

var isMobile = false;

for (var i=0; i

//;

location.href = '手机网址';

break; } }

< /script>



2、自动识别手机页面、iPad页面和wap页面

可以根据不同的终端类型适当的改变正则表达式,这段代码添加到需要识别的网页,会根据客户端的类型自动跳转到手机页、平板页或其他移动设备页面,非常的灵活!

< script type="text/javascript">

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="http://www.fjzdgk.com";

            }else if(/iPad/i.test(navigator.userAgent)){

                window.location.href="http://你的网址/pad";

            }else{

                window.location.href="http://你的网址/wap"

            }

        }catch(e){}

    }

}

< /script>



3、做个自动识别的效果

经过多次测试,我们也可以做个自动识别的效果,方法很简单,在你需要自动跳转的页面加入以下代码:

< script type="text/javascript">

var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire");

var browser = navigator.userAgent.toLowerCase();

var isMobile = false;

for (var i=0; i

//;

location.href = 'http://siteapp.baidu.com/webapp/78hero.com#m/http://78hero.com/';

break; } }

< /script>



4、在网站head标签里加跳转语句

要实现网站根据访问设备自动识别展示手机站或PC站这个功能,需要以下几个步骤:

(1)、你得有一个PC端,在电脑上访问的官方网站。

(2)、你需要重新制作一个移动端的手机网站。

(3)、在PC端的网站上加上一段代码,每个页面都需要加上,放在PC端网站head标签里面,代码如下:

//平台、设备和操作系统

var system = {

win: false,

mac: false,

xll: false

};

//检测平台

var p = navigator.platform;

system.win = p.indexOf(“Win”) == 0;

system.mac = p.indexOf(“Mac”) == 0;

system.x11 = (p == “X11″) || (p.indexOf(“Linux”) == 0);

//跳转语句

if (!(system.win || system.mac || system.xll)) {//转向电脑界面

window.location.href = “手机网址”;

}

(4)、进入域名解析系统,做一个别名cname解析。



5、根据移动终端和浏览器版本信息判定的语法

还有一些站长或SEO可能会考虑到移动终端的版本和浏览器版本信息,如下所示:

< script type="text/javascript">

var browser={

    versions:function(){

           var u = navigator.userAgent, app = navigator.appVersion;

           return {//移动终端浏览器版本信息

                trident: u.indexOf('Trident') > -1, //IE内核

                presto: u.indexOf('Presto') > -1, //opera内核

                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核

                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核

                mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端

                ios: !!u.match(/i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端

                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器

                iPhone: u.indexOf('iPhone') > -1 || (u.indexOf('Mac') > -1 && u.indexOf('Macintosh') < 0), //是否为iPhone或者QQHD浏览器

                iPad: u.indexOf('iPad') > -1, //是否iPad

                webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部

            };

         }(),

         languagenavigator.browserLanguage || navigator.language).toLowerCase()

}

if (browser.versions.ios||browser.versions.android||browser.versions.iPhone||browser.versions.iPad) {

self.location=你的网址;

}

< /script>

在seo论坛看来,PC版网页自动识别手机客户端并跳转,用js进行判断是否手机客户端进行跳转最好,特别是静态网页,把这个过程通过js的方式放在用户客户端执行,可以大大减少服务器端额外处理的压力,但是有时需要通过在服务器端进行判断的情况除外,提前为自己的网站设置好自动识别。

备注:文中每一个< /script>  的<前都有空格,记得云掉,避免被和谐掉。


回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Powered by seo X3.4  © 2017-2019