帝云CMS生成html真静态的时实现手机访问PC端页面自动跳转到移动端域名,电脑访问移动端网站时自动跳转到PC端,支持所有页面。
首先,帝云CMS程序支持自动识别PC和移动端域名,自动判断访问端。
比如网站域名为:
电脑域名:www.xxxxx.com 手机域名:m.xxxxx.com
一、动态/伪静态模式
1、后台--》设置--》网站配置中设置电脑端网站域名,如下图所示:

2、手机设置中填写手机端域名,开且一定要开启【自动识别】功能,如下图所示:

在开启【自动识别】功能时,程序就可以自动识别进行跳转了,,当然前提是不能开启静态页面功能,因为生成html静态后程序就无法判断了。
3、更新缓存就行了。
二、真静态模式

当开启生成静态功能时,访问网站页面是不会进过php程序的,因此默认情况下程序是无法识别客户端的,那么我们只能通过js来识别客户端
这时我们可以在网站模板中添加识别跳转代码:
比如在 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)
默认JS:https://www.diyuncms.com/help/show/627.html
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>


