怎么用CMS自動識別PC和移動端

這篇文章主要介紹“怎么用CMS自動識別PC和移動端”，在日常操作中，相信很多人在怎么用CMS自動識別PC和移動端問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么用CMS自動識別PC和移動端”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

程序支持自動識別PC和移動端域名

電腦域名：www.xxxx.com
手機(jī)域名：yd.xxxx.com

1、在網(wǎng)站配置中設(shè)置電腦域名：

2、進(jìn)入綁定域名界面為手機(jī)綁定域名

勾選自動識別時可以自動判斷并跳轉(zhuǎn)到移動端界面，但是不能開啟靜態(tài)頁面功能

3、進(jìn)入系統(tǒng)體檢看結(jié)果

如果提示綠色的，就ok了

關(guān)于靜態(tài)生成的情況

當(dāng)開啟靜態(tài)功能時，訪問網(wǎng)站頁面是不會進(jìn)過php程序的，因此默認(rèn)情況下程序是無法識別客戶端的，那么我們只能通過js來識別客戶端了

原則上，一旦網(wǎng)站使用了靜態(tài)頁面，就無法達(dá)到自動跳轉(zhuǎn)的功能，因?yàn)橐呀?jīng)靜態(tài)文件了不能執(zhí)行動態(tài)php腳本，需要你手動在模板的頁腳添加識別跳轉(zhuǎn)代碼：

pc/***/footer.html

<script type="application/javascript">
    $(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)}';
        }
    });
    
</script>

簡化（需要加載默認(rèn)js）

1、在pc界面判斷跳轉(zhuǎn)到移動端

<script type="application/javascript">
    $(function(){
        if (dr_is_mobile()) {
            // 移動端鏈接地址
            document.location.href = '{str_replace(SITE_URL, SITE_MURL, $my_web_url)}';
        }
    });
</script>

2、在移動端界面判斷并跳到pc

<script type="application/javascript">
    $(function(){
        if (!dr_is_mobile()) {
            // PC端鏈接地址
            document.location.href = '{str_replace(SITE_MURL, SITE_URL, $my_web_url)}';
        }
    });
</script>

到此，關(guān)于“怎么用CMS自動識別PC和移動端”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！