迅睿CMS 自動識別PC和移動端(分域名)

 

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

電腦域名:www.xxxx.com
手機域名:yd.xxxx.com

 

1、在網站配置中設置電腦域名:

image.png

 

2、進入綁定域名界面爲手機綁定域名

image.png

勾選自動識別時可以自動判斷並跳轉到移動端界面,但是不能開啓靜態頁面功能

 

 

3、進入系統體檢看結果

image.png

如果提示綠色的,就ok了

 

關於靜態生成的情況

當開啓靜態功能時,訪問網站頁面是不會進過php程序的,因此默認情況下程序是無法識別客戶端的,那麼我們只能通過js來識別客戶端了

原則上,一旦網站使用了靜態頁面,就無法達到自動跳轉的功能,因爲已經靜態文件了不能執行動態php腳本,需要你手動在模板的頁腳添加識別跳轉代碼:

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>

 

簡化(需要加載默認js)

1、在pc界面判斷跳轉到移動端

<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>

 

本文地址:https://www.xunruicms.com/doc/664.html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章