怎么用CMS自动识别PC和移动端

这篇文章主要介绍“怎么用CMS自动识别PC和移动端”,在日常操作中,相信很多人在怎么用CMS自动识别PC和移动端问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用CMS自动识别PC和移动端”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联建站专注于阜城企业网站建设,成都响应式网站建设,成都商城网站开发。阜城网站建设公司,为阜城等地区提供建站服务。全流程按需网站制作,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务

程序支持自动识别PC和移动端域名

电脑域名:www.xxxx.com
手机域名:yd.xxxx.com

1、在网站配置中设置电脑域名:

怎么用CMS自动识别PC和移动端

2、进入绑定域名界面为手机绑定域名

勾选自动识别时可以自动判断并跳转到移动端界面,但是不能开启静态页面功能

3、进入系统体检看结果

怎么用CMS自动识别PC和移动端

如果提示绿色的,就ok了

关于静态生成的情况

当开启静态功能时,访问网站页面是不会进过php程序的,因此默认情况下程序是无法识别客户端的,那么我们只能通过js来识别客户端了

原则上,一旦网站使用了静态页面,就无法达到自动跳转的功能,因为已经静态文件了不能执行动态php脚本,需要你手动在模板的页脚添加识别跳转代码:

pc/***/footer.html


    $(function(){
        var MobileUA = (function() {
            var ua = navigator.userAgent.toLowerCase();
            var mua = {
                IOS: /ipod|iphone|ipad/.test(ua), //iOS
                IPHONE: /iphone/.test(ua), //iPhone
                IPAD: /ipad/.test(ua), //iPad
                ANDROID: /android/.test(ua), //Android Device
                WINDOWS: /windows/.test(ua), //Windows Device
                TOUCH_DEVICE: ('ontouchstart' in window) || /touch/.test(ua), //Touch Device
                MOBILE: /mobile/.test(ua), //Mobile Device (iPad)
                ANDROID_TABLET: false, //Android Tablet
                WINDOWS_TABLET: false, //Windows Tablet
                TABLET: false, //Tablet (iPad, Android, Windows)
                SMART_PHONE: false //Smart Phone (iPhone, Android)
            };
            mua.ANDROID_TABLET = mua.ANDROID && !mua.MOBILE;
            mua.WINDOWS_TABLET = mua.WINDOWS && /tablet/.test(ua);
            mua.TABLET = mua.IPAD || mua.ANDROID_TABLET || mua.WINDOWS_TABLET;
            mua.SMART_PHONE = mua.MOBILE && !mua.TABLET;
            if(ua.match(/MicroMessenger/i)=="micromessenger") {
		return true;
	    }
            return mua;
        }());
        //SmartPhone
        if (MobileUA.SMART_PHONE) {
            // 移动端链接地址
            document.location.href = '{str_replace(SITE_URL, SITE_MURL, $my_web_url)}';
        }
    });
    

简化(需要加载默认js)

1、在pc界面判断跳转到移动端


    $(function(){
        if (dr_is_mobile()) {
            // 移动端链接地址
            document.location.href = '{str_replace(SITE_URL, SITE_MURL, $my_web_url)}';
        }
    });

2、在移动端界面判断并跳到pc


    $(function(){
        if (!dr_is_mobile()) {
            // PC端链接地址
            document.location.href = '{str_replace(SITE_MURL, SITE_URL, $my_web_url)}';
        }
    });

到此,关于“怎么用CMS自动识别PC和移动端”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


分享文章:怎么用CMS自动识别PC和移动端
分享网址:http://azwzsj.com/article/gseceo.html