怎么用CMS自动识别PC和移动端
导读:本文共1556字符,通常情况下阅读需要5分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 程序支持自动识别PC和移动端域名电脑域名:www.xxxx.com手机域名:yd.xxxx.com1、在网站配置中设置电脑域名:2、进入绑定域名界面为手机绑定域名勾选自动识别时可以自动判断并跳转到移动端界面,但是不能开启静态页面功能3、进入系统体检看结果如果提示绿色的,就ok了关于静态生成的情况当开启静态功能时,访问网站页面是不会进过php程序的,因此默认情况... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。程序支持自动识别PC和移动端域名
电脑域名:www.xxxx.com手机域名:yd.xxxx.com
1、在网站配置中设置电脑域名:
2、进入绑定域名界面为手机绑定域名
勾选自动识别时可以自动判断并跳转到移动端界面,但是不能开启静态页面功能
3、进入系统体检看结果
如果提示绿色的,就ok了
关于静态生成的情况
当开启静态功能时,访问网站页面是不会进过php程序的,因此默认情况下程序是无法识别客户端的,那么我们只能通过js来识别客户端了
原则上,一旦网站使用了静态页面,就无法达到自动跳转的功能,因为已经静态文件了不能执行动态php脚本,需要你手动在模板的页脚添加识别跳转代码:
pc/***/footer.html
<scripttype="application/javascript">$(function(){varMobileUA=(function(){varua=navigator.userAgent.toLowerCase();varmua={IOS:/ipod|iphone|ipad/.test(ua),//iOSIPHONE:/iphone/.test(ua),//iPhoneIPAD:/ipad/.test(ua),//iPadANDROID:/android/.test(ua),//AndroidDeviceWINDOWS:/windows/.test(ua),//WindowsDeviceTOUCH_DEVICE:('ontouchstart'inwindow)||/touch/.test(ua),//TouchDeviceMOBILE:/mobile/.test(ua),//MobileDevice(iPad)ANDROID_TABLET:false,//AndroidTabletWINDOWS_TABLET:false,//WindowsTabletTABLET:false,//Tablet(iPad,Android,Windows)SMART_PHONE:false//SmartPhone(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"){ returntrue; }returnmua;}());//SmartPhoneif(MobileUA.SMART_PHONE){//移动端链接地址document.location.href='{str_replace(SITE_URL,SITE_MURL,$my_web_url)}';}});</script>
简化(需要加载默认js)
1、在pc界面判断跳转到移动端
<scripttype="application/javascript">$(function(){if(dr_is_mobile()){//移动端链接地址document.location.href='{str_replace(SITE_URL,SITE_MURL,$my_web_url)}';}});</script>
2、在移动端界面判断并跳到pc
<scripttype="application/javascript">$(function(){if(!dr_is_mobile()){//PC端链接地址document.location.href='{str_replace(SITE_MURL,SITE_URL,$my_web_url)}';}});</script>
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:
怎么用CMS自动识别PC和移动端的详细内容,希望对您有所帮助,信息来源于网络。